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);
}