UIB选项卡不起作用

Question

<div class="ui-tab-container">
    <uib-tabset>
        <uib-tab heading="Region Wise" index="region" active="region_wise">Tab 1</uib-tab >
        <uib-tab heading="Branch Wise" index="branch" active="state_tab">Tab 2</uib-tab>
        <uib-tab heading="City Wise" index="city" active="city_tab">Tab 3</uib-tab>
        <uib-tab heading="Counter Wise" index="counter" active="counter_tab">Tab 4</uib-tab>
    </uib-tabset>
</div>

没有显示任何选项卡，当我切换到引导选项卡集时，它们可以正常工作，但是即使我从功能内部将该选项卡的active属性设置为true，也无法在单击第一个选项卡上的按钮时从一个选项卡切换到另一个选项卡按钮的单击（单击时）“ bootstrap”：“〜3.3.0”“ angular-bootstrap”：“〜2.3.1”预先感谢。

Answer 1

尝试这个

<uib-tabset active="'region'">
    <uib-tab heading="Region Wise" index="'region'" active="region_wise">Tab 1</uib-tab >
    <uib-tab heading="Branch Wise" index="'branch'" active="state_tab">Tab 2</uib-tab>
    <uib-tab heading="City Wise" index="'city'" active="city_tab">Tab 3</uib-tab>
    <uib-tab heading="Counter Wise" index="'counter'" active="counter_tab">Tab 4</uib-tab>
</uib-tabset>

您忘记将active指令添加到uib-tabset并uib-tabset赋予一个值

active（默认值：第一个标签的索引）-标签的有效索引。 将其设置为现有的标签索引将使该标签处于活动状态。

另外，您也没有实例化uib-tab元素内的active值

标签索引。 必须是唯一的数字或字符串。

因此它应该像这个index="'region'" （注意里面的单撇号，index需要一个表达式！）或index="1"

unk

Answer 2

据我了解， ui-tab内部的active指令必须与模型中的一些布尔变量绑定。

<uib-tab ... active="boolean_variable_to_bind">...</uib-tab >