Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.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/1/angularjs/21.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/7/css/39.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中带有复选框的动态ng模型_Javascript_Angularjs_Angularjs Ng Repeat_Ng Repeat - Fatal编程技术网

Javascript ng repeat中带有复选框的动态ng模型

Javascript ng repeat中带有复选框的动态ng模型,javascript,angularjs,angularjs-ng-repeat,ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,Ng Repeat,我有一个名为$scope.permissions的JSON对象,如下所示 { admission:{create:false,delete:false,read:false,update:false}, student:{forDelete:false,read:false,viewPhone:false}, course:{create:false,delete:false,read:false,update:false}, teacher:{create:fa

我有一个名为$scope.permissions的JSON对象,如下所示

{
    admission:{create:false,delete:false,read:false,update:false},
    student:{forDelete:false,read:false,viewPhone:false},
    course:{create:false,delete:false,read:false,update:false},
    teacher:{create:false,read:false,contact:false}
}
我想在每一行中创建动态ng模型,如下所示

<div ng-repeat="(permissionName, permission) in permissions">
      {{permissionName}} |
      <label ng-repeat="(k,v) in permission">
         <input type="checkbox" ng-model="permission.k">
            {{ k }}
       </label>
      <button ng-click="updatePermission(permission)">Update</button>
</div>

{{permissionName}|
{{k}
更新

当用户单击更新按钮时,它将传递带有复选框值true或false的学生对象。

您可以首先使用
(键,值)
格式的
ng repeat

标记

<div ng-repeat="(permissionName, permission) in permissions">
    {{permissionName}} |
    <label ng-repeat="(k,v) in permission">
      <input type="checkbox" ng-model="permission[k]"> {{ k }}
    </label>
    <button ng-click="updatePermission(permission)">Update</button>
</div>

{{permissionName}|
{{k}
更新

您想做什么?您的问题是什么?我想在$scope.permissions对象的每一行中创建动态ng模型。感谢您的快速反馈。渲染输入不是固定的(创建、读取、更新、删除)。学生密钥可以有任意数量的键值对。你能详细说明一下吗