2014-12-02 72 views
1

如果我可以說5個選項卡,每個選項卡都顯示不同的指令,是否有辦法確定我正在呈現哪個選項卡?我需要一種方法來隱藏某些標籤,具體取決於要查看的標籤。希望用內置的角度方法或jQuery的簡單方法?我只能想到添加一個對象來存儲哪個標籤最後被點擊或者什麼的。Angularjs確定將哪個選項卡(指令)呈現給用戶?

+0

您正在使用的用戶界面,引導?還是你寫了你自己的指令? – 2014-12-03 12:54:08

回答

0

單擊每個選項卡時設置選項卡索引變量(ng-click="selectedTab = 1"),然後根據當前選中的選項卡(ng-show="selectedTab == 1")顯示/隱藏選項卡或內容。這些內置指令只是評估表達式,所以如果您願意,您可以按照使用方式獲得更多創意。例如:

  • ng-hide="selectedTab == 2 || selectedTab == 5"
  • ng-show="selectedTab > 3 && selectedTab % 2 == 0"
+0

這正是我試圖避免的,但最終無論如何,我只需要跟蹤一個標籤,並且必須創建一個方法來存儲這個值。真的希望有一些角或jquery方法來檢查選擇了哪個指令(選項卡)。 – gallly 2014-12-02 23:14:45

+0

有一個適用於製表符的AngularUI Bootstrap指令,您應該查看一下([http://angular-ui.github.io/bootstrap/](http://angular-ui.github.io/bootstrap/)) ,但上面的解決方案對於大多數實現來說足夠簡單。 – bgoerdt 2014-12-03 15:39:57