Question

只想问我是否有带动态创建标签的静态标签。我想默认情况下将创建的动态选项卡的第一个选项卡选为“活动”。我尝试使用活动但它选择最后一个标签代码

<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时，如何使第一个选项卡处于活动状态

1 个答案: