angularJs1.x 版本中 uib-tabset 如何默認激活不同的標簽頁


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM