Javascript 在AngularUI引导中动态设置选项卡(ui.Bootstrap.tabs)
我正在使用AngularUI引导的tabs指令动态生成选项卡Javascript 在AngularUI引导中动态设置选项卡(ui.Bootstrap.tabs),javascript,angularjs,angular-ui-bootstrap,Javascript,Angularjs,Angular Ui Bootstrap,我正在使用AngularUI引导的tabs指令动态生成选项卡 <div ng-controller="TabsDemoCtrl"> <uib-tabset active="activeForm"> <uib-tab index="$index" ng-repeat="tab in tabs" > <uib-tab-heading>{{tab.title}}</uib-tab-heading> {{tab.conte
<div ng-controller="TabsDemoCtrl">
<uib-tabset active="activeForm">
<uib-tab index="$index" ng-repeat="tab in tabs" >
<uib-tab-heading>{{tab.title}}</uib-tab-heading>
{{tab.content}}
</uib-tab>
</uib-tabset>
谁能告诉我我错过了什么
请参见此处了解Plunker:
提前谢谢
Paul您需要将activeForm的设置包装在$timeout中:
$timeout(function(){
$scope.activeForm = 0;
});
这是一个已知的问题-
更新了嘿,这里是需要更改的代码
$timeout(function(){
$scope.activeForm = 0; //Not working, how can I select tab dynamically?
},0);
这将触发摘要周期,您的代码将正常工作
$timeout(function(){
$scope.activeForm = 0; //Not working, how can I select tab dynamically?
},0);