Javascript ng repeat中带有复选框的动态ng模型
我有一个名为$scope.permissions的JSON对象,如下所示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
{
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模型。感谢您的快速反馈。渲染输入不是固定的(创建、读取、更新、删除)。学生密钥可以有任意数量的键值对。你能详细说明一下吗