扫码关注官方订阅号
{{color.name}}
需要用到id对应起来吗?
不用楼上那么复杂。
<ul> <li ng-class="{red : color.active}" ng-click="color.active = !color.active" ng-repeat="color in Texture">{{color.value}}</li> </ul>
题主应该使用angular的directive来实现这个需求. 结果: http://output.jsbin.com/rolobakaya
javascriptm1.directive('toggleClass', function(){ return { restrict: 'A', scope: { toggleClass: '@' }, link: function($scope, $element){ $element.on('click', function(){ $element.toggleClass($scope.toggleClass); }); } }; });
javascript
m1.directive('toggleClass', function(){ return { restrict: 'A', scope: { toggleClass: '@' }, link: function($scope, $element){ $element.on('click', function(){ $element.toggleClass($scope.toggleClass); }); } }; });
html<li toggle-class="classname"></li>
html
<li toggle-class="classname"></li>
我的思路是:
<li ng-class="{active: currentId == color.id}" ng-repeat="color in colors">{{color.name}}</li>
然后定义一个ng-click并在里面修改$scope.currentId
ng-click
$scope.currentId
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不用楼上那么复杂。
题主应该使用angular的directive来实现这个需求.
结果: http://output.jsbin.com/rolobakaya
我的思路是:
然后定义一个
ng-click并在里面修改$scope.currentId