Angularjs angular JS中复选框列表中的双向绑定
在下面,我检索一个对象列表,从中创建一个复选框列表。根据IsActive(布尔)列的值,其值可以是选中的,也可以是未选中的Angularjs angular JS中复选框列表中的双向绑定,angularjs,checkbox,data-binding,Angularjs,Checkbox,Data Binding,在下面,我检索一个对象列表,从中创建一个复选框列表。根据IsActive(布尔)列的值,其值可以是选中的,也可以是未选中的 <div class="col-xs-12"> <div class="col-xs-12" ng-repeat="x in Nodes" ng-model="Locations"> <input type="checkbox" style="width:auto" ng-checked="x.IsActive"/&g
<div class="col-xs-12">
<div class="col-xs-12" ng-repeat="x in Nodes" ng-model="Locations">
<input type="checkbox" style="width:auto" ng-checked="x.IsActive"/>
<label style="width:auto">{{x.NodeName}}</label>
</div>
</div>
这里的问题是,每当复选框的状态发生更改时,其状态不会反映在节点列表中。我错过了什么吗
提前感谢。您似乎应该在复选框中使用ng模型 大概是这样的:
<div class="col-xs-12">
<div class="col-xs-12" ng-repeat="(i, x) in Nodes track by $index" >
<input type="checkbox" style="width:auto" ng-model="Nodes[i].IsActive" ng-checked="x.IsActive"/>
<label style="width:auto">{{x.NodeName}}</label>
</div>`enter code here`
</div>
{x.NodeName}
`在这里输入代码`
仍然不工作,节点列表保持不变。@Skye我对答案做了一点修改,现在可以工作了。我测试过了。
<div class="col-xs-12">
<div class="col-xs-12" ng-repeat="(i, x) in Nodes track by $index" >
<input type="checkbox" style="width:auto" ng-model="Nodes[i].IsActive" ng-checked="x.IsActive"/>
<label style="width:auto">{{x.NodeName}}</label>
</div>`enter code here`
</div>