AngularJS 1.x：如何一次突出顯示活動菜單項（不是倍數）？

Question

它可能看起來微不足道，但如何一次選擇一個？

當我點擊其他項目，一項目應把假只有當前項目應該選擇。 這是working plnkr：https://plnkr.co/edit/cHDwdO3ioZLf0NyfOyEr?p=preview謝謝。

<section ng-controller="DemoController"> 
<div ng-repeat="item in list" ng-click="selectItem(item)"> 

    <span ng-class="{'active' : item.selected }">{{item.name}}</span> 

</div> 

$scope.list = [ 
{ 
    name: 'Item 1', 
    selected: true 
}, 
{ 
    name: 'Item 2', 
    selected: false 
}, 
{ 
    name: 'Item 3', 
    selected: false 
}]; 


$scope.selectItem = function(item) { 
    item.selected = !item.selected; 
}; 

Answer 1

替換該功能

$scope.selectItem = function(item) { 
    angular.forEach($scope.list,function(value){ 
     if(value.name==item.name){ 
     value.selected = true; 
     } else { 
     value.selected = false; 
     } 
    }); 
    };