Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法

前端之家收集整理的这篇文章主要介绍了Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

页面代码

Controller中代码

Box = $event.target; if (checkBox.checked) { $scope.itemIds.push(pid); } else { $scope.itemIds = Tools.arrRemove($scope.itemIds,pid); } console.log(active); console.log($scope.itemIds); };

总结:

此处开始写的时候没有使用NG-MODEL,导致复选框选中一个,其他的复选框样式都跟着变化了,重点就是加上NG-MODEL,并且和NG-CLASS设置的[]中的名称一致即可。

以上这篇Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/30258.html

猜你在找的JavaScript相关文章