如何在点击角度方式添加和删除活动类
我这样做
....
//控制器
$scope.select= function(item) { $scope.selected = item; }; $scope.isActive = function(item) { return $scope.selected === item; };
单击瓷砖,它正在添加活动类,然后单击其他瓷砖从第一个瓷砖中删除并添加到另一个瓷砖。它正在按预期工作。但我想要实现的是再次点击相同的瓷砖我必须删除活动类,单击再次,我必须添加像切换。但不知道如何实现这一点。请帮助
只需将您的代码更改为:
$scope.select= function(item) { if (item === $scope.selected) { $scope.selected = null; } else { $scope.selected = item; } };
更新select函数,将selected
属性设置为null
如果已选中):
$scope.select = function(item) { $scope.selected = ($scope.selected === item ? null : item); };
JSFiddle示例