Checkbox AngularJS:孙子复选框从父项选择复选框
我试图在AngularJS中创建一个复选框层次结构。我可以创建一个父复选框，自动选中子复选框，如果我手动选中子复选框，它将更新其子（父的孙子）复选框。但是，如果单击父复选框，它将不会更新孙子的复选框 在添加JavaScript以确保父复选框更新孙子复选框之前，我只想知道是否有更简单的方法。这是我的代码和一个供您使用的示例Checkbox AngularJS:孙子复选框从父项选择复选框,checkbox,angularjs,parent-child,Checkbox,Angularjs,Parent Child,我试图在AngularJS中创建一个复选框层次结构。我可以创建一个父复选框，自动选中子复选框，如果我手动选中子复选框，它将更新其子（父的孙子）复选框。但是，如果单击父复选框，它将不会更新孙子的复选框 在添加JavaScript以确保父复选框更新孙子复选框之前，我只想知道是否有更简单的方法。这是我的代码和一个供您使用的示例 <div ng-app=""> <strong>Parent</strong> (will check all Child boxe
<div ng-app="">
<strong>Parent</strong> (will check all Child boxes):
<input type="checkbox" ng-model="parent" />
<br/>
<strong>Child 1</strong>:
<input type="checkbox" ng-checked="parent" />
<br />
<strong>Child 2</strong>:
<input type="checkbox" ng-checked="parent" />
<br />
<strong>Child 3</strong> (will check all Grandchild boxes):
<input type="checkbox" ng-checked="parent" ng-model="child" />
<br />
<strong>Grandchild 1</strong>:
<input type="checkbox" ng-checked="child" />
<br />
<strong>Grandchild 2</strong>:
<input type="checkbox" ng-checked="child" />
<br />
<strong>Grandchild 3</strong>:
<input type="checkbox" ng-checked="child" />
</div>
父项（将选中所有子项框）：
子1：
儿童2：
子项3（将选中所有孙子项框）：
孙辈1：
孙辈2：
孙辈3：
还有，有1500名代表的人能帮我创建标记“angularjs ng checked”吗？那太棒了 不幸的是，没有更简单的方法 来自Misko： 。。。我们认为你试图做的没有意义。ng checked创建单向数据绑定，但ng模型创建双向数据绑定。实际上，两个模型连接到同一个输入元素，我认为这是错误的。我认为ng model和ng checked应该单独使用（一个或另一个，但不能同时使用）
除了在控制器中自己使用指令或同步检查之外，没有太多的选项。我一直在做一些调整（哈哈），我想出了一个似乎非常通用的解决方案。。。也就是说，您可以根据自己的内心需求设置任意多个嵌套复选框。我确信我正在遵循一些奇怪的实践，并且可能有一些地方可以提高性能——这肯定是在许多对象之间循环——所以请随意批评它！我很想听到任何反馈 代码可以在这里找到。我也会把它贴在这里 HTML文件
<!DOCTYPE html>
<html>
<head>
<script src="../js/angularjs106.js"></script>
<script src="angular_checkbox.js"></script>
<link rel="stylesheet" href="angular_checkbox.css" />
</head>
<body ng-app>
<div ng-controller="Ctrl">
<ul>
<li>
<input type="checkbox" value="allChecks.id" ng-model="allChecks.isChecked" ng-change="checkChange(allChecks)">
<label>{{allChecks.id}}</label>
</li>
<li ng-repeat="child in allChecks.children">
<input type="checkbox" ng-model="child.isChecked" ng-change="checkChange(child)">
<label>{{child.id}}</label>
<ul>
<li ng-repeat="grandchild in child.children">
<input type="checkbox" ng-model="grandchild.isChecked" ng-change="checkChange(grandchild)">
<label>{{grandchild.id}}</label>
<ul>
<li ng-repeat="grandgrandchild in grandchild.children">
<input type="checkbox" ng-model="grandgrandchild.isChecked" ng-change="checkChange(grandgrandchild)">
<label>{{grandgrandchild.id}}</label>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
ul {
list-style: none;
}
代码可能有点混乱，因此如果您感到困惑，请提出问题 我最近写了这样的东西：。我只是使用了这个模型并遍历了一些数组，以查看是否检查了所有内容（而不是检查dom元素）。请参见
$scope.groupChecked\u syncGroupCheckBox$scope.unitCheckedul {
list-style: none;
}