<uib-tabset> 默认有个active属性,根据官方文档,active的默认值是0,也就是说,默认显示索引为0的标签页,可以通过修改这个值来默认显示不同的索引的标签页。
示例:
<uib-tabset> <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示 <uib-tab>第二个标签页内容,索引是1</uib-tab> <uib-tab>第三个标签页内容,索引是2</uib-tab> </uib-tabset>
<uib-tabset active="0"> <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示 <uib-tab>第二个标签页内容,索引是1</uib-tab> <uib-tab>第三个标签页内容,索引是2</uib-tab> </uib-tabset>
<uib-tabset active="1"> <uib-tab>第一个标签页内容,索引是0</uib-tab> <uib-tab>第二个标签页内容,索引是1</uib-tab> //默认显示 <uib-tab>第三个标签页内容,索引是2</uib-tab> </uib-tabset>
//超出索引,默认不现实任何标签页 <uib-tabset active="10"> <uib-tab>第一个标签页内容,索引是0</uib-tab> <uib-tab>第二个标签页内容,索引是1</uib-tab> <uib-tab>第三个标签页内容,索引是2</uib-tab> </uib-tabset>
<uib-tabset active=""> <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示 <uib-tab>第二个标签页内容,索引是1</uib-tab> <uib-tab>第三个标签页内容,索引是2</uib-tab> </uib-tabset>
<uib-tabset active="无规则字符"> <uib-tab>第一个标签页内容,索引是0</uib-tab> //默认显示 <uib-tab>第二个标签页内容,索引是1</uib-tab> <uib-tab>第三个标签页内容,索引是2</uib-tab> </uib-tabset>
注:以上示例亲测有效。
如何绑定Typescript文件中的变量?
active="变量名"
例子:
<uib-tabset active="myIndex"> <uib-tab>第一个标签页内容,索引是0</uib-tab> <uib-tab>第二个标签页内容,索引是1</uib-tab> <uib-tab>第三个标签页内容,索引是2</uib-tab> </uib-tabset>
var myNum=0; //...逻辑代码.... //...逻辑代码.... if(myNum>2){ $scope.myIndex=1 }else{ $scope.myIndex=0; }