将jQuery函数转换为AngularJS方法

Question

我希望将Jquery Ajax表单迁移到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

在Angular中解决此要求的适当方法是将与同一产品相关的所有复选框绑定到同一ngModel变量。这样，Angular的双向绑定将确保它们的状态始终保持同步，并且您不需要使用jQuery代码来执行此操作。