12

私はこのコードでAngularUIを使用しています:

<uib-tabset type="pills">
    <uib-tab heading="Tab 1">Tab 1 content</uib-tab>
    <uib-tab heading="Tab 2">Tab 2 content</uib-tab>
</uib-tabset>

angular-controller コードから現在アクティブなタグをプログラムで変更したいと考えています。たとえば、タブ「2」を選択してアクティブにします。

これはどのように行うことができますか？

4

2 に答える 2

14

ui-tabset でアクティブなプロパティを使用する必要があります。次に、コンテキスト外から作業するには、各タブにインデックスが必要です。

<uib-tabset type="pills" active="active">
    <uib-tab heading="Tab 1" index="0">Tab 1 content</uib-tab>
    <uib-tab heading="Tab 2" index="1">Tab 2 content</uib-tab>
</uib-tabset>

この作業中のplnkrを参照してください： 作業中のplnkr

于 2016-09-04T08:50:39.180 に答える