Javascript 将复选框绑定到ng repeat内部的对象
我对AngularJS是新手。 我正在尝试将此对象“Optouts.party”绑定到我正在从对象计划中重复的复选框 因此,在我的JS中,我有:Javascript 将复选框绑定到ng repeat内部的对象,javascript,angularjs,Javascript,Angularjs,我对AngularJS是新手。 我正在尝试将此对象“Optouts.party”绑定到我正在从对象计划中重复的复选框 因此,在我的JS中,我有: $scope.optouts = { spouse: {}, children: {} }; $scope.plans = {mec:true;anotherone:true}; 在我的Html中,我有: <span ng-repeat="(plan,x) in plans">{{plan}} <input type="che
$scope.optouts = { spouse: {}, children: {} };
$scope.plans = {mec:true;anotherone:true};
在我的Html中,我有:
<span ng-repeat="(plan,x) in plans">{{plan}}
<input type="checkbox" ng-model="optouts.spouse.plan"
ng-checked="!optouts.spouse.plan">
</span>
既然你在重复计划,我想你是在努力实现这一点:
<span ng-repeat="(plan,x) in plans">{{plan}}
<input type="checkbox" ng-model="optouts.spouse.plans[plan]">
</span>
{{plan}
您已经在optouts.party.plan上创建了一个属性,但您需要的是plan下真/假值的“映射”。也就是说,通过使用plan的当前值,您可以实现这一点
默认情况下,所有计划最初都将取消选中,因为它们没有值。该复选框将直观地表示真或假,因此无需使用ng checked
。如果复选框至少切换一次,则给定的计划将具有真/假值
如果需要将它们设置为true,那么最好在控制器中对它们进行迭代,并使用true值初始化每个值。能否提供json。为了改进answer.thx的文档,我真的没有。know可以迭代属性。我学到了一些新东西。顺便说一句,我删除了答案,因为问题显然没有解决。如果在您的问题中提供了您需要迭代的json,那么您将非常清楚,文档清楚地指出,它不应与
ng model
指令一起使用,因为它将导致意外行为。你想干什么?这个密码太破绽了,你的意图不清楚。
<span ng-repeat="(plan,x) in plans">{{plan}}
<input type="checkbox" ng-model="optouts.spouse.plans[plan]">
</span>