Angularjs 一个静态选项卡内的按钮,显示在使用angular ui引导时第二个选项卡不工作

Angularjs 一个静态选项卡内的按钮,显示在使用angular ui引导时第二个选项卡不工作,angularjs,tabs,angular-ui-bootstrap,Angularjs,Tabs,Angular Ui Bootstrap,我希望在一个静态选项卡中单击一个按钮可以将我带到另一个选项卡。我正在尝试使用AngularUI引导,但它不起作用。我正在使用下面的代码,但它不工作- <uib-tab index="0" heading="Static title">Static content <button class="btn btn-default btn-sm" ng-click="tabs[2].active = true">Select third tab</button

我希望在一个静态选项卡中单击一个按钮可以将我带到另一个选项卡。我正在尝试使用AngularUI引导,但它不起作用。我正在使用下面的代码,但它不工作-

 <uib-tab index="0" heading="Static title">Static content
      <button class="btn btn-default btn-sm" ng-click="tabs[2].active = true">Select third tab</button>

   </uib-tab>
静态内容
选择第三个选项卡
我在这里创造了一个劫掠者-


有人能告诉我如何才能做到这一点吗?

我试过这个,效果很好

<button class="btn btn-default btn-sm" ng-click="secondTab()">Select second tab</button>

单击“加载序列”选项卡,检查此验证答案
$scope.secondTab = function(){
  $scope.active = 2;
}