如何使这些选项卡中的一个在角度加载时处于活动状态？

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"> 

等