如何设置Angular UI Bootstrap选项卡标题链接的tabindex(或任何其他属性)?

时间:2015-03-31 20:14:43

标签: angularjs angular-ui-bootstrap tabindex angular-ui-tabset

我正在使用像这样的AngularUI Bootstrap来创建一个tabset:

...
    <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,并且在标题属性旁边的tab元素中添加tabindex只是将其添加到li而不是需要的a标记。

有没有办法定义一个标签集,还可以传递像tabindex这样的属性来放置在导航(标题)链接上?

0 个答案:

没有答案