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>

没有显示任何标签，当我切换到引导标签集时，它们工作正常但是我无法在单击第一个标签上的按钮时从1个标签切换到另一个标签，即使我将该标签的活动属性设置为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元素中实例化uib-tab值

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

所以它应该像这样index="'region'"（注意里面的单个撇号，索引需要表达式!!）或index="1"

plunk

Answer 2

据我所知， ui-tab 中的指令 active 必须与模型中的某个布尔变量绑定。

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

UIB tabset不起作用

2 个答案: