angularjs – Angular Bootstrap – 默认选项卡处于活动状态(动

发布时间：2020-12-17 17:41:06 所属栏目：安全来源：网络整理

导读：我对 Angularjs Bootstrap选项卡有一个问题.我希望默认情况下动态选项卡是活动的,但似乎我不能只要在同一个tabset中有一个静态选项卡. tabset ng-init="tab.active = true" tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" {{tab.

我对 Angularjs Bootstrap选项卡有一个问题.我希望默认情况下动态选项卡是活动的,但似乎我不能只要在同一个tabset中有一个静态选项卡.

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

这是一个解释的傻瓜：

http://plnkr.co/edit/DfM6r4tznE9b0K8LqvF0?p=preview

我希望默认选择“动态标题1”.是否可以使用active指令或者我是否必须创建一个处理活动状态的函数？

解决方法

试试这个.

<tabset>
  <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" ng-init="tab.active = $index === 0">
    {{tab.content}}
  </tab>
  <tab heading="Static">
    Static
  </tab>
</tabset>

Working Plnkr

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!