gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 06:46:26 26 4
gpt4 key购买 nike

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

<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 个项目),则每次绘制页面时,相同的方法会被调用两次。任何帮助将非常感激。!!

最佳答案

如果您在 Controller 中为每个项目声明 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>

关于javascript - AngularJS 中复选框的 ng-checked 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33383308/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com