Условное скрытие вкладок с углом

Question

Я использую пример вкладок с лицевой страницы. Я хочу, чтобы условно скрыть одну из вкладок с помощью опции флажка (что-то вроде «шоу выдвинутого» ....

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

Я настроил пример здесь ...

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

Это не работая, вкладка просто не отображается правильно, включен ли флажок. Перед тем, как я погружусь и реорганизую директиву tabs, кто-нибудь уже решил эту проблему? Или есть альтернативная реализация табуляции, которую я могу попробовать?

Michael

Answer 1

Хорошо, я понял. Необходимо взломать директиву, чтобы принять новый атрибут (showtab) на панели.

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

, а затем нг-скрыть элементы в шаблоне вкладках ...

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/

НТН

Майкл