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