2016-10-28 4 views
0

私のプロジェクトでuib-tabsetをタブ用に使用しようとしています。すべてがうまくいっていますが、私は、angularJSコーディングのメソッドを使ってタブのアクティブなステータスを設定する方法を理解しようとしています。staticJAタブをangularJSのメソッド経由でアクティブに設定

<uib-tabset active="active"> 
<uib-tab index="0"> 
<div>Some Con</div> 
</uib-tab> 
<uib-tab index="2"> 
<div>Some Con</div> 
</uib-tab> 
<uib-tab index="3"> 
<div>Some Con</div> 
</uib-tab> 

アクティブな属性にアクセスするためのいくつかの方法はありますか?私は何かを忘れていることを知っていますが、今はそれを考えることができません。どんな助けもありがとうございます。

答えて

1

は、この例を参照してください:http://jsbin.com/xugavim/edit?html,js,output

あなたは、単に変数を渡してアクティブな属性を設定することができます。 https://angular-ui.github.io/bootstrap/#/tabs

:ここでは、元のドキュメントに、

<button type="button" class="btn btn-default btn-sm" ng-click="active = 1">Select second tab</button> 

あなたが同じ例を見て、より多くのオプションができます。 は、その後、私は、このボタン(NG-クリック)で行うように、アクティブなタブを変更するには、変数を変更します

+0

これはコードがドキュメント上でどのように動作するかですが、これは私が探しているものではありません。 jsファイルのangularJSコーディングのメソッドの中から静的タブをアクティブにする方法を見つける必要があります。私のアプリケーションでは、jsonのリクエストの結果に応じて特定のタブをアクティブにすることができます。 – Xerc

+0

そして、あなたはそのように正確に行うことができます。 たとえば、アクティブな属性をactiveという変数($ scope内)にバインドするとします。 jsonのリクエストを行い、必要に応じて$ scope.activeを変更します。 – eliagentili

+0

この新しいjsbinを参照して、2番目のタブをアクティブにしてから2秒後に変更します。 http://jsbin.com/xugavim/edit?js,console,output – eliagentili

関連する問題