"ng-Klasse" auf jedem angeklickt Artikel

Question

Ich muss eine Klasse auf ausgewählten <li> wie ich in Demo gezeigt haben, aber nicht wollen, dass es entfernt werden, wenn ich auf eine andere <li> klicken.

Bitte helfen

<div ng-app="myApp"> 
    <ul ng-controller="myCtrl"> 
     <li ng-repeat="item in model.items" class="commonClass" ng-class="{'on': model.selected==item}" ng-click="model.selected=item">{{ item.name }}</li> 
    </ul> 
</div> 

JS

var app = angular.module('myApp', []); 

app.controller('myCtrl', function ($scope) { 

    $scope.model = { 
     selected: null, 
     items : [ 
      {name: "Apple"}, 
      {name: "Banana"}, 
      {name: "California"} 
     ] 
    }; 
}) 

demo

Answer 1

wie diese

<div ng-app="myApp"> 
    <ul ng-controller="myCtrl"> 
     <li ng-repeat="item in model.items" class="commonClass" ng-class="{'on': selected==$index}" ng-click="selected=$index">{{ item.name }}</li> 
    </ul> 
</div> 

Fügen Sie einfach