当我有静态标签时如何激活第一个标签 angularjs UI

Question

只是想问一下我是否有静态标签和动态创建的标签。我想默认创建动态选项卡的第一个选项卡 selected "active"。我尝试使用 active 但它 select 最后一个标签代码

<tabset>
<tab active="tab.activate" data-ng-repeat="tab in countytabs" heading="{{tab.countyName}}" data-ng-click="tab.activate = true;activateDepartmentGroupAndSelectButtonSettingForCounty(tab)" select="selectAllUserByCounty(tab.countyID)">
</tab>
<tab heading="Queue Extensions">
    <div data-ng-include="'/app/reception/QueueExtensions.html'"></div>
</tab>
</tabset>

Answer 1

这不清楚数据是如何在您的控制器中设置的，因此很难指出错误，因为列出的代码部分看起来不错。

我在 Plunker 中模拟了这种情况，我的工作代码如下：

// in the controller
$scope.tabs = [
  { title:'Dynamic Title 1', content:'Dynamic content 1', active: true },
  { title:'Dynamic Title 2', content:'Dynamic content 2'}
];

// on the view
<tabset>
  <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active">
    {{tab.content}}
  </tab>
  <tab heading="Static title">Static content</tab>
</tabset>

Example in Plunker

当我有静态标签时如何激活第一个标签 angularjs UI

how to to make first tab active when I have static tab angularjs UI

javascript

tabs

angularjs

angular-ui