我正在使用像这样的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
这样的属性来放置在导航(标题)链接上?