Javascript 在AngularUI引导中动态设置选项卡(ui.Bootstrap.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

我正在使用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.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);