我有一个表的ng-repeat,我希望能够在< td>时添加一个类.单击,并在取消单击时删除该类.多个< td>可以同时选择.现在所有的城市都适用或不适用.
例如:(假设节点有100个项目)
<tr ng-repeat node in nodes> <td>{{node.name}}</td> <td>{{node.date}}</td> <td ng-click="toggleMe( node.city )" ng-class"{clicked : isClicked()}" >{{node.city}}</td> </tr>
在我的JS中
$scope.cityArr = []; $scope.toggleMe = function(city) { if ($scope.count > 0) { angular.forEach($scope.cityArr,function(value) { if (city === value) { $scope.clicked = false; } else { $scope.cityArr.push(city); $scope.clicked = true; } }); } else { $scope.cityArr.push(city); $scope.clicked = true; } $scope.count = 1; }; $scope.isClicked = function() { return $scope.clicked; };
现在,您正在更改的范围上有一个单击的属性,所有内容都指向该属性.尝试点击节点而不是……
$scope.toggleMe = function(node) { if ($scope.count > 0) { angular.forEach($scope.cityArr,function(value) { if (node.city === value) { node.clicked = false; } else { $scope.cityArr.push(node.city); node.clicked = true; } }); } else { $scope.cityArr.push(node.city); node.clicked = true; } $scope.count = 1; };
并在ngRepeat …
<tr ng-repeat node in nodes> <td>{{node.name}}</td> <td>{{node.date}}</td> <td ng-click="toggleMe( node )" ng-class"{clicked : node.clicked}" >{{node.city}}</td> </tr>
原文地址:https://www.jb51.cc/angularjs/140285.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。