2017-03-24 178 views
0
<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,但第二個選項卡未激活。即使當我設置secont選項卡active =「true」,它不會被激活。角uib-tabset不激活選項卡

enter image description here

+0

您正在使用哪個版本的'angular-ui'庫? – tanmay

回答

1

activeuib-tabset指令的屬性,而不是uib-tab,見doc;嘗試使用

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

+0

這是正確的,但對於版本1.2.0+。參見[[email protected]](http://angular-ui.github.io/bootstrap/versioned-docs/1.1.2/#/tabs)表示'active'用於'uib-tab' :) – tanmay

+0

謝謝。這行得通! – awzster

+0

@awzster你會接受答案嗎? – Dario

相關問題