UIB 选项卡集不起作用

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（默认：第一个选项卡的索引）- 选项卡的活动索引。将其设置为现有选项卡索引将使该选项卡处于活动状态。

此外，您还没有实例化

active

元素中的

uib-tab

值

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

所以它应该是这样的

index="'region'"

（注意里面的单个撇号，索引需要一个表达式！）或者

index="1"

噗噗

Answer 2

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

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