当我选择编辑时，它应该显示存储在 Angularjs 中我的数据库中的值

Question

我有权限列表

<table width="60%" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC">

        <tr align="center" valign="middle">
        <td width="35" height="35"><strong>ID</strong></td>
        <td><strong>Roles</strong> </td>
        <td><strong>Action</strong></td>
        </tr>

        <tr align="center" valign="middle" ng-repeat="x in privilegename">
        <td width="35" height="35" bgcolor="#FFFFFF">{{$index+1}}</td>
        <td align="left" bgcolor="#FFFFFF" style="padding-left: 10px;">{{x.privilege_name}}</td>          
        <td width="250" bgcolor="#FFFFFF">
        <span style="padding-left:5px;">          
        <a class="common-link" href="" ng-click="edit(x)"><i class="fa fa-pencil" aria-hidden="true"></i></a>
        &nbsp;|&nbsp; 
        <a class="common-link" href="" ><i class="fa fa-trash-o text-danger" aria-hidden="true"></i></a>
        </span>
        </td>
        </tr>          
        </table>

并且管理权限的表单也应该作为编辑表单。它有一个由权限名称组成的下拉菜单，下一个是由菜单组成的清单。当用户选择列表中的编辑选项时，它应该显示存储在数据库中的值。

这是我的编辑功能控制器

 $scope.edit = function(x)
       {
        $scope.privilege = x;
        console.log($scope.privilege);
        $scope.submit = "Update";

        $scope.url = "/updateprivilege";
       } 

我的表格清单：

<tr>
                    <td  height="40" align="left" valign="middle"><span class="head-three">
                    Menus</span></td>
                    <td width="20" align="left" valign="middle">:</td>
                    <td ng-repeat="menu in menulist" class="menu_checklist">
                    <input
                    type="checkbox"
                    name="privilege_menu"
                    value="{{menu}}"
                    ng-model="privilege.privilege_menu"
                    selected
                    ng-click="toggleSelection(menu)"> {{menu}}
            </td>



            </tr>

对于下拉其工作正常。但是清单是空的。

Answer 1

在复选框中使用 ng-checked

<input type="checkbox" name="privilege_menu" value="{{menu}}" 
ng-model="privilege.privilege_menu" ng-checked={{isSelected(menu) > -1}} 
ng-click="toggleSelection(menu)">{{menu}}

控制器

$scope.selectedACArr = [];
$scope.isSelected = function(menuObj) {
    return $scope.selectedACArr.map(function(e) {
    return e._id;
    }).indexOf(menuObj._id);
};