2014-06-25 94 views
0

我正在使用角引導UI的選項卡。我已覆蓋tabs選項指令,以便執行延遲加載的數據 Plunkr鏈接相同:http://plnkr.co/edit/uAb3TrKtxoPPXx8mekRz?p=preview角引導惰性加載標籤,自動選擇標籤

延遲加載工作得很好。不過,我需要根據某些屬性動態選擇選項卡。

例如,我嘗試以下

<div class="row" ng-controller="TabCtrl"> 

    <tabset> 
     <tab title="Tab 1" template-url="tab1.html" active="{{tab1stat}}"></tab> 
     <tab title="Tab 2" template-url="tab2.html" active="{{tab2stat}}"></tab> 
    </tabset> 

</div> 

,並在我的controller.js我試着設置選項卡中的活動屬性的範圍

app.controller('TabCtrl', ['$scope', 
    function($scope) { 
    // $dialogs.error('t est'); 
    $scope.tab1stat=false; 
    $scope.tab2stat=true 
    } 
]); 

我試圖訪問的變量的作用域html,但是在控制器被初始化之前,tab指令似乎得到了渲染。

有什麼辦法可以達到這個目的嗎?

此外我需要刷新與不同的HTML選項卡。例如我的tab1.html將有幾個按鈕,這將呈現一些HTML頁面。所有這些頁面都需要在同一個選項卡中呈現。是否有任何方法可以實現此目的?

回答

0

嘗試從活動屬性綁定中移除花括號,使其看起來像這樣:active =「tab2stat」。你也不應該綁定到原語,以避免原型繼承問題。

編輯 角UI引導庫是看活動屬性,像這樣:

scope.$parent.$watch($parse(attrs.active), function (value) { 
    alert(value); 
}); 

看到這個plunkr:http://plnkr.co/edit/pwXOz1O4Wb0RZsi3nPlC?p=preview

+0

我試圖這樣做,但是當我試圖閱讀主動屬性在我的指令,它讀取活動的值爲tab1stat = false.I也嘗試設置一個超時,如http://stackoverflow.com/questions/17695629/setting-the-initial-static-tab-in-角引導。 Howeevr仍然似乎沒有工作.Plunkr鏈接相同http://plnkr.co/edit/VABthzUwp50QpS16Gwuy?p=preview – coder