使用angular ui bootstrap时，一个静态选项卡内的按钮显示第二个选项卡不起作用

Question

我希望单击一个静态选项卡内的按钮会将我带到另一个选项卡。我正在尝试使用角度ui bootstrap，但它无法正常工作。我使用下面的代码，但它不起作用 -

 <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>

我在这里创造了一个傻瓜 - https://plnkr.co/edit/dTdsbeWbWiIqvmjh2IY8?p=preview

谁能告诉我怎样才能实现这个目标？

Answer 1

我试过这个并且有效。

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

在控制器中：

$scope.secondTab = function(){
  $scope.active = 2;
}

https://plnkr.co/edit/wZ8yIkjvoLO82wvG5UBc?p=preview