如何將活動類應用於引導選項卡ui

我有一個引導UI選項卡angularjs指令，默認情況下將第一個選項卡設置爲活動選項卡。這裏的問題是，如果你在標籤中，而不是第一個標籤，並嘗試刷新頁面，由於默認的活動類位於第一個標籤上，所以在刷新時，它將第一個標籤顯示爲活動狀態。但顯示的內容將來自正確的選項卡。引導指令：如何將活動類應用於引導選項卡ui

var configDirectives = angular.module('configDirectives', []); 

configDirectives.directive('configTabs', function(){ 
    return{ 
    restrict:'A', 
    template: '\ 
    <ul class="nav nav-tabs">\ 
    <li class="active"><a href="#categories" data- toggle="tab">categories</a></li>\ 
<li><a href="#uploadassets" data-toggle="tab">upload assets</a></li>\ 
<li><a href="#" data-toggle="tab">lorem ipsum</a></li>\ 
    </ul>' 
}});

我的問題是：我們可以動態設置這個活動類，而不是硬編碼在第一個li元素？

來源

2016-03-04 mmmathur

我敢打賭，這不是正確的方式來處理它，但我自己前一段時間有同樣的問題。我通過使用位置解決了這個問題。因此，根據您所在的位置（URL中的＃部分），相應的選項卡將被設置爲活動狀態。正如我所說：我很確定這不是這樣做的正確方法，但它實際上是一個，它的工作原理（也許也適用於你）。 – Aer0

使用納克級的自定義變量：

ng-class="{'active' : selectedType == 'categories'}"

和NG-單擊以選中活動標籤（你的A HREF或股利或任何內部）：

ng-click="selectedTab = 'categories'"

增加 'selectedType' 來指令範圍

範圍：{ selectedType： '=' }

來源

2016-03-04 15:25:17

如何將活動類應用於引導選項卡ui

回答

相關問題