angular uib-tabset 未激活标签

Question

  <div ng-show="isAppLoading" ng-cloak ng-controller="accListMainCtrl as vm" style="height:100%;">
    <h4>{{vm.dlg.active}}</h4>
    <uib-tabset>
      <uib-tab heading="Accounts list tree" ng-click="vm.load(1)" active="vm.dlg.active == 1"></uib-tab>
      <uib-tab heading="Accounts data grid" ng-click="vm.load(2)" active="vm.dlg.active == 2"></uib-tab>
    </uib-tabset>

    <ng-view></ng-view>
  </div>

我设置 vm.dlg.active = 2，但第二个选项卡未激活。即使我设置了第二个选项卡 active="true"，它也没有激活。

Answer 1

active 是 uib-tabset 指令的属性，而不是 uib-tab，请参阅 doc；试试

<uib-tabset active="vm.dlg.active">

angular uib-tabset 未激活标签

angular uib-tabset not activate tab

angularjs

angular-ui-bootstrap