带有ng-repeat的角度ui-bootstrap：如果没有选项卡，则不会选择新选项卡

Question

这是演示我的问题的链接： http : //codepen.io/pietrofxq/pen/ZLLJdr?editors=1010

点击“删除标签”，然后点击“添加标签”

问题：我使用ng-repeat循环显示标签。 但是有时可能会出现数组中没有项目的情况，并且当我向后添加一个标签时，我希望此标签已被选中，因为它是tabs数组中唯一的标签。 现在的行为是，我必须单击选项卡以使其成角度才能知道已选择该选项卡。 在数组中添加该选项卡时，如何选择它？

Answer 1

找到了一个肮脏的骇客使其正常工作。

我有多个标签，因此我需要跟踪每个标签：

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

<uib-tabset active="tabs.tabOne"></uib-tabset>
<uib-tabset active="tabs.tabTwo"></uib-tabset>

当数组为空并且添加了另一个标签时，我必须在$ timeout调用中重置该值：

$scope.$watch("items", function() {
 $timeout(function() {
    for (var prop in $scope.tabs)
      $scope.tabs[prop] = 0 
  })
}