如何使這些選項卡之一在角度負載時處於活動狀態？

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的清潔

$scope.data = {
   selectedTab:1
};

和

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

等等