访问内部 ng-repeat 对象以适应表格

Question

我正在以 JSON 格式从后端调用中获取此数据。在创建数据结构以在首页处理这些数据、从中获取响应并将其发送回后端时，我遇到了很多问题。

[


{
    "name": "dataAccess",
    "description": null,
    "type": null,
    "permission": [
      {
        "name": "delete",
        "description": null,
        "enabled": false
      },
      {
        "name": "edit",
        "description": null,
        "enabled": false
      },
      {
        "name": "export",
        "description": null,
        "enabled": false
      },
      {
        "name": "write",
        "description": null,
        "enabled": false
      },
      {
        "name": "read",
        "description": null,
        "enabled": false
      }
    ]
  },
  {
    "name": "entity",
    "description": null,
    "type": null,
    "permission": [
      {
        "name": "export",
        "description": null,
        "enabled": false
      },
      {
        "name": "edit",
        "description": null,
        "enabled": false
      },
      {
        "name": "write",
        "description": null,
        "enabled": false
      },
      {
        "name": "read",
        "description": null,
        "enabled": false
      },
      {
        "name": "delete",
        "description": null,
        "enabled": false
      }
    ]

  }
]

有对象名称、权限名称和对象相关权限。外循环名称指定对象名称（例如：Dataaccess），内循环（权限）指定此 Dataaccess 对象具有的权限（即删除、读取等）。 这些权限不是静态的，可以随时添加到 SQL 中，因此我必须创建一个数组。

以下是我想要的 HTML 页面。

表的行将是权限名称，列将这些权限映射到对象。

 ModuleName      Read        Edit      Delete       Export      write
 dataAccess    CheckBox  Checkbox    ChecckBox    CheckBox    CheckBox
 Entity        CheckBox  Checkbox    ChecckBox    CheckBox    CheckBox

这些复选框的值是这些权限具有的值，即如果为 false，则该特定对象权限的复选框将被取消选中，反之亦然。

用户可以编辑此页面取消选中复选框，我必须返回具有更新值的相同 JSON 数组。

我尝试在 html 中的 ng-repeat 中使用 ng-repeat，但结果是两个头，因为我现在有两行。它们会随着行的增加而增加，这是我不想要的。

我已尝试创建自定义过滤器、指令，但无法正确设置权限。它们总是按顺序不匹配。如果我什至能够做到这一点，我将无法获取更新后的值。

Answer 1

终于我自己发现了！！！

这是我在控制器中所做的，我按顺序重新排列了数据序列。

angular.forEach(data,function(maindata,mainkey){

                $scope.PermissionNames=[];  
                maindata.permission.sort(function(a, b){
                     var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase()
                     if (nameA < nameB) //sort string ascending
                      return -1 
                     if (nameA > nameB)
                      return 1
                     return 0 //default return value (no sorting)
                    });

                $scope.ObjectPermissions.push({name:maindata.name,permission:maindata.permission}); // Main Data

                angular.forEach(maindata.permission,function(childData,childKey){
                    $scope.PermissionNames.push({name:childData.name});

                });

                $scope.PermissionNames.sort(function(a, b){
                 var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase()
                 if (nameA < nameB) //sort string ascending
                  return -1 
                 if (nameA > nameB)
                  return 1
                 return 0 //default return value (no sorting)
                });

            });

所以它们总是会被排序，然后我在 HTML 中像这样使用它\

<table class="table table-bordered table-bordered">
        <thead >
        <tr>
            <th>Module</th>
            <th ng-repeat="maindata in PermissionNames">{{maindata.name}}</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="Object in ObjectPermissions ">
            <td >{{Object.name}}</td>
            <td ng-repeat="permissionValue in Object.permission" >

                    <input type="checkbox" ng-model="permissionValue.enabled"  
                            ng-checked="permissionValue.enabled"
                            ng-click="checkValue($parent.$index,$index,permissionValue.enabled)">

            </td>

        </tr>
        </tbody>
    </table>

这对面临类似问题的任何人有何帮助