Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将复选框绑定到ng repeat内部的对象_Javascript_Angularjs - Fatal编程技术网

Javascript 将复选框绑定到ng repeat内部的对象

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

我对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="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>