如何使這些選項卡中的一個在角度加載時處於活動狀態？

Question

我想要角度，但不知道如何分配一個值的負載像jQuery中的元素。

我有以下選項卡，所有這些選項卡都會在點擊時變爲「選中」。我如何選擇一個負載，以便在用戶不需要做任何事情的情況下選擇一個選項卡？

<ul class="nav nav-tabs"> 
    <li ng-class="{active: selected == 1}"> 
    <a href="" ng-click="selected=1">Overview</a> 
    </li> 
    <li ng-class="{active: selected == 2}"> 
    <a href="" ng-click="selected=2">My Properties</a> 
    </li> 
    <li ng-class="{active: selected == 3}"> 
    <a href="" ng-click="selected=3">Potential Properties</a> 
    </li> 
</ul> 


<div ng-if="selected == 1"> 
    <div ng-include=" 'views/dash/_overview.html' "></div> 
</div> 

<div ng-if="selected == 2"> 
    <div ng-include=" 'views/dash/_myproperties.html' "></div> 
</div> 

<div ng-if="selected == 3"> 
    <div ng-include=" 'views/dash/_buyproperties.html' "></div> 
</div> 

Answer 1

在您的控制器在開始有

$scope.selected = 1; 

但是，你也許應該把它放在一個對象，以保持$範圍清潔

$scope.data = { 
    selectedTab:1 
}; 

和

<li ng-class="{active: data.selectedTab == 1}"> 
<div ng-if="data.selectedTab == 1"> 

等