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

Button inside one static tab to show second tab is not working when using angular ui bootstrap

我希望在单击一个静态选项卡内的按钮时将我带到另一个选项卡。我正在尝试使用 angular 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>

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

谁能告诉我怎样才能做到这一点?

我试过了,它成功了。

<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