AngularJS 1.x：如何一次突出显示活动菜单项（不是倍数）？

Question

它可能看起来微不足道，但如何一次选择一个？

当我点击其他项目时，上一项应该变为，只有当前项应选择。 这是 work 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

替换此功能

www.example.io