angularjs – 如何分辨在Angular-UI中选择哪个引导选项卡

有没有办法告诉哪个选项卡在 Angular UI中使用Bootstrap选项卡时被选择？

我试图看着窗格数组，但它似乎在切换标签时更新。当选择选项卡时，是否可以指定回调函数？

使用代码示例更新。

代码非常遵循Angular UI引导页面的示例。

标记：

<div ng-controller="TabsDemoCtrl">
    <tabs>
        <pane ng-repeat="pane in panes" heading="{{pane.titlE}}" active="pane.active">
            <div ng-include="pane.template"></div>
        </pane>
    </tabs>
</div>

控制器：

var TabsCtrl = function ($scope) {
  $scope.panes = [
    { title:"Events list",template:"/path/to/template/events" },{ title:"Calendar",template:"/path/to/template/calendar" }
  ];
};

<tabs>
    <pane ng-repeat="pane in panes" heading="{{pane.titlE}}" active="pane.active">      
        {{pane.content}}
    </pane>
</tabs>

$scope.active = function() {
    return $scope.panes.filter(function(panE){
      return pane.active;
    })[0];
};