ng-checked事件为AngularJS中的复选框

时间:2015-10-28 05:09:23

标签: javascript jquery angularjs checkbox

我正在尝试使用ng-checked for ng-repeat下的复选框。

<div class="listing" ng-repeat="item in list>
<input type="checkbox" class="favor" ng-checked='::isFavorite(item)' ng-click='setFavorite(item)'/>
</div>

有一种方法,我正在调用ng-checked事件。但是,如果列表中有50个复选框(即ng-repeat中有50个项目),那么每次绘制页面时,相同的方法都会被调用两次。任何帮助都会非常明显。!!

1 个答案:

答案 0 :(得分:0)

如果在控制器中为每个项目声明JSON对象,那将是一件好事。

<强> JS

list=[{name:'Item1',checked:true},{name:'Item2',checked:false}];

HTML

<div class="listing" ng-repeat="item in list>
  <input type="checkbox" class="favor" ng-checked='item.checked' ng-click='setFavorite(item)'/> {{item.name}}
</div>