如何設置引導程序中的默認選項卡

我有一個關於我的Angular Bootstrap UI的問題。如何設置引導程序中的默認選項卡

我有類似：

<div class="container" ng-controller='sCtrl'> 
    <tabset id='tabs'> 
     <tab heading="Title1" > 
     </tab> 
     <tab heading="Title2" active ="true"> 
     </tab> 
     <tab heading="Title3"> 
     </tab> 
    </tabset> 
</div>

我的問題是，每次我在我的選項卡中添加active='true'，我得到：

TypeError: undefined is not a function 
    at Object.fn (http://test.com/lib/ui-bootstrap-tpls-0.10.0.js:2762:11) 
    at h.$digest (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:106:71) 
    at h.$apply (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:108:370) 
    at g (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:71:120) 
    at C (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:75:241) 
    at XMLHttpRequest.y.onreadystatechange (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:76:280)

我搜索谷歌和移動引導文件之前，jQuery的文件加載但仍然得到相同的錯誤。任何人都可以幫助我嗎？非常感謝！

來源

2014-05-07 FlyingCat

是我還是你使用active =「true」而不是active =「true」?? – Zerquix18

@ Zerquix18這是一個錯字，感謝您指出了它 – FlyingCat

@drew_w什麼是myTabs [1]？myTabs是id？ – FlyingCat

簡短的回答正如你在你的問題中提到的那樣 - 如果你在代碼或HTML中將active設置爲true，它會選擇標籤。有兩種方法來創建標籤：

靜態標籤：

<tabset id="tabs"> 
    <tab heading="Title1"></tab> 
    <tab heading="Title2" active="true"></tab> 
    <tab heading="Title3"></tab> 
</tabset>

在這裏，如果你設置active="true"選項卡將默認的活動標籤。

動態標籤：

HTML

<tabset id="tabs2"> 
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active"></tab> 
</tabset>

的Javascript

$scope.tabs = [ 
    {"title": "Dynamic 1", "active": false}, 
    {"title": "Dynamic 2", "active": true}, 
    {"title": "Dynamic 3", "active": false}];

要看到同時爲O f這些工作，檢查出這個plunker：http://plnkr.co/edit/nR9GNIhGAmha8Rh85lUa?p=preview

來源

2014-05-08 12:54:00

是的，但是會有undefined並不是控制檯中的函數錯誤，在你的plunker中相同+1但是 – FlyingCat

@FlyingCat如果你註釋掉第一個「inline」版本並且只使用沒有'undefined不是一個函數'錯誤，我猜測在加載角加載程序之前加載了html，這就是爲什麼第一個選項有問題。希望至少有一些幫助。 –

該選項卡的active屬性必須指向一個變量，而不是一個常量。你告訴第二個標籤始終處於活動狀態。

active也不能成爲一個表達式。看起來他們正在努力改變active的工作方式。查看this github issue獲取更多信息。

來源

2014-06-11 19:33:18 cleversprocket

如何設置引導程序中的默認選項卡

回答

相關問題