Javascript 带ng重复的角度ui引导:如果存在';s无选项卡,新选项卡不为';t选择

Javascript 带ng重复的角度ui引导:如果存在';s无选项卡,新选项卡不为';t选择,javascript,angularjs,angular-ui-bootstrap,Javascript,Angularjs,Angular Ui Bootstrap,下面是演示我的问题的链接: 单击“删除选项卡”,然后单击“添加选项卡” 问题:我使用ng repeat循环显示选项卡。但是可能有一段时间数组中没有项目,当我重新添加一个选项卡时,我希望这个选项卡已经被选中,因为它是选项卡数组中唯一的选项卡。现在的行为是,我必须单击选项卡以确定该选项卡已被选中。当我将此选项卡添加到阵列中时,如何使其处于选中状态?发现了一个肮脏的黑客程序使其正常工作 我有多个选项卡,因此我需要跟踪每个选项卡: $scope.tabs = { tabOne: 0, tabTw

下面是演示我的问题的链接:

单击“删除选项卡”,然后单击“添加选项卡”


问题:我使用
ng repeat
循环显示选项卡。但是可能有一段时间数组中没有项目,当我重新添加一个选项卡时,我希望这个选项卡已经被选中,因为它是选项卡数组中唯一的选项卡。现在的行为是,我必须单击选项卡以确定该选项卡已被选中。当我将此选项卡添加到阵列中时,如何使其处于选中状态?

发现了一个肮脏的黑客程序使其正常工作

我有多个选项卡,因此我需要跟踪每个选项卡:

$scope.tabs = {
  tabOne: 0,
  tabTwo: 0
}

<uib-tabset active="tabs.tabOne"></uib-tabset>
<uib-tabset active="tabs.tabTwo"></uib-tabset>
$scope.$watch("items", function() {
 $timeout(function() {
    for (var prop in $scope.tabs)
      $scope.tabs[prop] = 0 
  })
}