0

特定のタブがアクティブかどうかを検出し、アクティブなときにすべてのタブの外にdivを隠す方法はありますか?タブがアクティブな場合の角度ブートストラップ

Plunker:

<div class="border" ng-hide="activeForm==2"> 
    Hide me when Tab #3 is active. 
</div> 

のようなあなたの機能の作業にhttps://plnkr.co/edit/b9O9S7JxxgzhQKcKONkn?p=preview

<div class="border"> 
    Hide me when Tab #3 is active. 
    </div> 
    <hr> 
    <form name="outerForm" class="tab-form-demo"> 
    <uib-tabset active="activeForm"> 
     <uib-tab index="0" heading="Tab #1"> 
     <ng-form name="nestedForm"> 
      <div class="form-group"> 
      <label>Name</label> 
      <input type="text" class="form-control" required ng-model="model.name"/> 
      </div> 
     </ng-form> 
     </uib-tab> 
     <uib-tab index="1" heading="Tab #2"> 
     Some Tab Content 
     </uib-tab> 

     <uib-tab index="2" heading="Tab #3"> 
     More Tab Content 
     </uib-tab> 

    </uib-tabset> 
    </form> 

答えて

2

使用ng-hideplunker

あなたは、単にインデックスの値を格納するのActiveFormの値を、使用することができます
0

(タブ)

<div class="border" ng-show="activeForm != 2" > 
    Hide me when Tab #3 is active. 
    </div> 
関連する問題