ui.bootstrap.tabs如何知道哪個選項卡是活躍在angularjs控制器

Question

我在標籤上的HTML設置兩個選項卡：

<tabset justified="true" style="padding:13px"> 
    <tab heading="Static profit" > 
     content one       
    </tab> 
    <tab heading="Dinamic profit" > 
     content two       
    </tab> 
</tabset> 

我的問題是如何在控制器的選項卡是活動的認識。我想根據活動選項卡顯示/隱藏div的外部。

Answer 1

嘗試這樣

<tabset justified="true" style="padding:13px"> 
    <tab heading="Static profit" ng-click="onTabSelect('tab1')" > 
     content one       
    </tab> 
    <tab heading="Dinamic profit" ng-click="onTabSelect('tab2')"> 
     content two       
    </tab> 
</tabset> 

JS

$scope.onTabSelect=function(tabName){ 
    console.log(tabName); 
}