javascript - 如何在点击时添加和删除事件类 - Angular 方式

Question

我是这样做的

 <div class="tiles" ng-repeat="stat in states" ng-click="select(stat)" ng-class="{active: isActive(stat)}">
    ....
    </div>

// Controller

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

 $scope.isActive = function(item) {
      return $scope.selected === item;

};

点击图 block 添加事件类并点击其他图 block 从第一个图 block 移除并添加到另一个图 block 。它按预期工作。但我想要实现的是再次点击相同的图 block 我必须删除事件类，再次点击我必须添加像切换。但不知道如何实现这一点。请帮忙

Answer 1

更新您的 select 函数以将 selected 属性设置为 null(如果它已被选中):

$scope.select = function(item) {
    $scope.selected = ($scope.selected === item ? null : item); 
};

JSFiddle 示例

http://jsfiddle.net/bATZ5/