Question

我正在使用AngularUI标签，如下面的示例代码和此plunker中所示。

http://plnkr.co/edit/YlbrObH4sBlyUFZO2tZh?p=preview

    <tabset class="tabbable tabbable-custom tabbable-full-width">
    <tab class="active" heading="Latest Customers" href="javascript:;">
        <div class="tab-pane active" id="Div1">
            Pane 1
        </div>
    </tab>
    <tab heading="Feeds" href="javascript:;">
        <div class="tab-pane" id="Div2" href="javascript:;">
            <div class="tab-pane active" id="Div3">
               Pane 2
            </div>
        </div>
    </tab>
</tabset>

正如您在plunker中看到的，当鼠标悬停在“标签”上时，光标不会改变为典型的指针。 angularui正在渲染的锚标记上没有href值，因此，它被视为无效的html。如果我手动添加href =“javascript：;” ，光标就像我想要的那样。

我的问题是，如何告诉指令将href添加到锚标记？有什么建议吗？

谢谢，丹

Answer 1

您可以添加一个定位标签的样式：

.nav-tabs > li > a {
    cursor: pointer;
}

Answer 2

只写：

<tabset 
       class="tabbable tabbable-custom tabbable-full-width"
       style="cursor: pointer;"
 >
 ....

Answer 3

这很奇怪，我也在我的项目中使用angular-ui标签。我复制并粘贴了您提供的确切代码，并且工作正常。

（见http://wiredbeast.com/coolframework/docs.html#/activity的底部）我可能会在以后删除它，所以看起来很快。

所以我的猜测是你的bootstrap css出了问题。我正在使用ui-bootstrap-tpls-0.6.0.min.js，bootstrap.js / css v3.0.0和https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js for angular

angular-ui选项卡在没有href的情况下呈现锚标记

3 个答案: