2017-04-11 14 views
0

UIブートストラップのタブplunker hereを実装しようとしています。タブを変更するためにボタンを使用しているため、タブを非表示にしたいと考えています。UIを非表示にする角タブ

私は私の最終目標はThisを隠すことである

.nav-tabs { 
    border-bottom: 1px solid #ddd; 
    display: none; 
} 

私のCSSファイルにこのクラスを追加していますが、タブには適用されません。私はそれにどのようにアプローチするのですか?

+0

Jqueryを使用できますか? – Tushar

+0

はい私はそれを使用することができます。 – Pujan

+0

https://github.com/angular-ui/bootstrap/issues/2637、タブ内容のAngulr – Tushar

答えて

1

ng-hide = "true"を追加できますか?

<uib-tab index="$index" ng-repeat="tab in tabs" ng-hide="true" heading="{{tab.title}}" disable="tab.disabled"> 
    {{tab.content}} 
</uib-tab> 
+0

あなたのプランナーでもうまく機能しているようです – tcrite

+0

また、真または偽を使用する代わりに変数にバインドできます – tcrite

+0

これは簡単でした。どうもありがとう。 – Pujan

関連する問題