2

我正在使用这样的 AngularUI Bootstrap 来创建一个标签集：

...
    <tabset>
        <tab heading="First Tab">
           <div>First Content Here</div>
        </tab>
        <tab heading="Second Tab">
           <div>Second Content Here</div>
        </tab>
    </tabset>
...

输出到页面的代码如下所示：

...
    <ul class="...">
        <li ng-class="..." heading="First Tab" class="...">
            <a href ng-click="select()" tab-heading-transclude class="ng-binding">
                First Tab
            </a>
        </li>
        <li ng-class="..." heading="Second Tab" class="...">
            <a href ng-click="select()" tab-heading-transclude class="ng-binding">
                Second Tab
            </a>
        </li>
    </ul>
    <div class="tab-content">
        <!-- tab contents here -->
    </div>
...

我遇到的问题是无法通过键盘选择标题链接，因为它们缺少tabindex. 显然，我不能只添加它，因为 angular 正在为列表创建填充 HTML，并且将 a 添加tabindex到标题属性旁边的选项卡元素只是将它添加到它需要li的位置，而不是标签。a

有没有办法定义一个选项卡集并传递一个属性，比如tabindex放在导航（标题）链接上的属性？

4

0 回答 0