1

angular bootstrap UI と ng-show を使用してタブを表示しようとしています。それは単に機能しません。

<tabs ng-model="currentTab">
    <pane heading="Triggers" active="panes['triggers'].active" ng-show="condition">

    </pane>
    <pane heading="Recipients" active="panes['recipients'].active">
</tabs>

オンデマンドで非表示にする方法はありますか?

4

2 に答える 2

1

マークアップではなくコントローラーでタブとタブの内容を定義してもかまわない場合は、おそらく最も簡単な方法は、ペイン要素で ng-repeat を実行することです。

その後、コントローラーでタブの配列を維持し、必要に応じて配列を追加および削除できます。このアプローチには独自の制約が追加されますが、適度にうまく機能します。

大まかな例については、http://plnkr.co/edit/RteTQxFPKCqFgMCEWdJYを参照してください。

これは、動的タブのドキュメントの例から派生したものです。

于 2013-06-04T23:07:23.927 に答える