在 ng-repeat 中带有复选框的动态 ng-model

Question

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

{
    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-model 就像

<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>

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

Answer 1

您可以先循环使用 (key, value) 格式 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>

Demo Plunkr

在 ng-repeat 中带有复选框的动态 ng-model

Dynamic ng-model with checkbox in ng-repeat

javascript

angularjs

ng-repeat

angularjs-ng-repeat