タブセットでAngularJSモデルを使用

Question

私は角を使用してJSONファイルからデータをバインドする2つのオプションを持つタブセットを持っています。ログ私のコンソールのタブの名前をクリックしています"モデル"を使用して考えていたが、それが正しいかどうかは分かりません。

これは私がこのような何かを見てきました私のタブセット

<tabset> 
    <tab heading="tab1"> 
    <div class="panenl-body"> 
     content 
    </div> 
    </tab> 

    <tab heading="tab2"> 
    <div class="panenl-body"> 
     content 
    </div> 
    </tab> 
</tabset> 

です、あなたはラジオボタンをクリックしたときに、あなたが何かを行うことができます

<div class="radio radio-text" ng-init="topTable.value='topCategory'"> 
    <label class="radio-inline"><input type="radio" ng-model="topTable.value" value="topCategory" ng-change="updateTotals(topTable.value)">TY Top 30 Categories</label> 
    <label class="radio-inline"><input type="radio" ng-model="topTable.value" value="topSupplier" ng-change="updateTotals(topTable.value)">TY Top 10 Suppliers</label> 
    <label class="radio-inline"><input type="radio" ng-model="topTable.value" value="topBrand" ng-change="updateTotals(topTable.value)">TY Top 10 Brands</label> 
</div> 

を私がやりたい似何かが、タブセットを使用して

Answer 1

私はあなたが欲しいものはかなりよく分からないけど、もちろん、あなたがタブセットでこのような何かを行うことができます。

<tabset> 
    <tab heading="tab1" ng-click="tabClicked('This is name 1')"> 
    <div class="panenl-body"> 
     content 
    </div> 
    </tab> 

    <tab heading="tab2" ng-click="tabClicked('This is name 2')"> 
    <div class="panenl-body"> 
     content 
    </div> 
    </tab> 
</tabset> 

そして、あなたのコントローラで：

$scope.tabClicked = function(value) { 
    console.log(value); 
}; 

Answer 2

私はわかりませんただし、 'tabset'ディレクティブが定義されている場合、ディレクティブ定義にアクセスできると仮定します。

そしてあなたのHTMLに：私たちはあなたが任意の範囲またはコントローラオブジェクトを更新していないと見て、ng-clickを使用していない

<tabset> 
    <tab heading="tab1"> 
    <div class="panenl-body"> 
     content 
    </div> 
    </tab> 

    <tab heading="tab2"> 
    <div class="panenl-body"> 
     content 
    </div> 
    </tab> 
</tabset> 

この方法で、ng-clickを使用してダイジェストサイクルをトリガする必要はありません。