Question

我将angular-ui-bootstrap版本升级到2.2.0。这会影响uib-tabs的行为。我无法使用鼠标单击选择选项卡，但当我尝试导航并选择使用键盘时，相同的行为工作正常。我为实现选项卡而编写的代码如下：

width

我是否需要添加与鼠标单击相关的任何设置。如果这有助于更好地理解问题，那么这就是plunker链接。 https://plnkr.co/edit/PVrqPEaR9h380gtiR3Uv?p=preview 任何形式的帮助将不胜感激。

Answer 1

您的标签有效（chrome 54），但是当直接点击锚链接时，请不要正确定义它们，请参阅文档。

你应该做的是......

删除锚链接，ui-tabs不适用于<a>标记
active应仅在uib-tabset
您可以使用select属性在选择特定标签时运行表达式（通过单击标签正文或文本）

select（）$ - 激活制表符时调用的可选表达式。支持表达式模板中的$ event。

在表达式引用的回调内或在标记上作为内联表达式运行状态更改

<uib-tabset class="tabs-flat" active="selectedIndex">
    <uib-tab index="0" select="$state.go('alert-details.overview')">
        <uib-tab-heading>
            Overview
        </uib-tab-heading>
    </uib-tab>
....
</uib-tabset

无法在最新的angular-ui-bootstrap版本中使用鼠标选择选项卡

1 个答案: