<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; }