将jQuery函数转换为AngularJS方法

Question

我希望将Jquery表单迁移到AngularJS，并且我被困在以下过程中.

我的表单有几个复选框分组到类别中；当一些项目跨越几个类别时，就会有几个产品实例。

如果用户在A类中标出产品123，那么C类中的产品123也会被勾选，因为它们是相同的产品--同样，它们将取消所有实例的选择.

我的JQuery非常简单，如下所示：

$(".checkbox input").on("click",function() { 
  $(":checkbox[value='"+ $(this).val() +"']").prop("checked", $(this).is(":checked")); 
}); 

对DOM进行简单扫描，并以相同的赋值更改任何复选框的状态。

我的AngularJS表单现在处于这样一种状态:通过元数据服务，我将表单呈现为与jquery版本相同的外观--所以所有产品都被正确地分类，并且我将值赋值给复选框。

有人能帮助我如何将Jquery函数转换为角度原则吗？

提前感谢

Answer 1

解决这一需求的适当方法是将与同一产品相关的所有复选框绑定到同一个ngModel变量。这样，角的双向绑定将确保它们的状态在任何时候都保持同步，并且您不需要使用jQuery代码。