javascript - 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>

没有显示任何选项卡，当我切换到 Bootstrap 选项卡集时，它们工作正常，但我无法在单击第一个选项卡上的按钮时从一个选项卡切换到另一个选项卡，即使我将该选项卡的 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 并为其赋值

active (Default: Index of first tab) - Active index of tab. Setting this to an existing tab index will make that tab active.

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

Tab index. Must be unique number or string.

所以它应该像这样 index="'region'" (注意里面的单个撇号，index 需要一个表达式!)或 index="1" >

plunk