有條件隱藏帶有角度的選項卡

我正在使用來自Angular首頁的選項卡示例。我想有條件地隱藏使用複選框選項（像「顯示高級」標籤之一....有條件隱藏帶有角度的選項卡

<pane title="Pluralization" ng-show="showPlural">

我已經在這裏建立了一個例子...

http://jsfiddle.net/michaeldausmann/RJEGY/#base

這不是工作，該選項卡只是無法正確渲染複選框是否打開之前我潛入並重構tabs指令，有沒有人已經解決了這個問題？或者是否有一個替代選項卡的實現，我可以嘗試？

Michael

來源

2013-05-27 Michael Dausmann

好吧，我想通了。需要破解指令以在窗格上獲取新屬性（showtab）。

scope: { 
      title: '@', 
      tabshow: "=" 
     },

，然後NG-隱藏的標籤模板內的元素...

template: 
    '<div class="tabbable">' + 
     '<ul class="nav {{navclass}}">' + 
     '<li ng-repeat="pane in panes" ng-class="{active:pane.selected}" ng-hide="pane.tabshow==false">'+ 
      '<a href="" ng-click="select(pane)">{{pane.title}}</a>' + 
     '</li>' + 
     '</ul>' + 
     '<div class="{{tclass}} tab-content" ng-transclude></div>' + 
    '</div>',

和窗格模板

template: 
    '<div ng-hide="tabshow==false" class="tab-pane" ng-class="{active: selected}" ng-transclude>' + 
    '</div>',

然後在頁面中，使用tabshow代替NG-顯示..

看看小提琴。

http://jsfiddle.net/michaeldausmann/RJEGY/1/

HTH

邁克爾

來源

2013-05-27 11:29:18

有條件隱藏帶有角度的選項卡

回答

相關問題