下拉列表HOWTO已經默認選擇具有角

Question

我已經通過創建一個下拉列表：

<li> 
    <a href="#" 
    ng-click="check(default)">defaul_label</a> 
</li> 

和簡單的造型，因此落下好，所以我的所有項目環通的罰款。

沒有使用選擇字段，我怎麼能指定什麼鏈接將被選中顯示爲默認選定的項目？

Answer 1

您可以使用ng-class指令在所選項目上設置「激活」類。在您的ng-click中，您可以使用ng-repeat指令中的$index值來設置活動索引。

HTML

<li ng-repeat="item in items" ng-class="{active:activeIndex === $index}"> 
    <a href="" ng-click="setActiveIndex($index)">{{item}}</a> 
</li> 

JS

app.controller('MainCtrl', function($scope) { 
    $scope.activeIndex = 0; 
    $scope.items = [ 
    "One", 
    "Two", 
    "Three", 
    "Four" 
    ]; 

    $scope.setActiveIndex = function(idx) { 
    $scope.activeIndex = idx; 
    }; 
}); 

Here is a codepen