如何获取数组值并使用 Mongoose 进行结构化?

How to get the array value and in structurized using Mongoose?

我正在使用 MeanStack AngularJS。我像这样将值存储到 MongoDB 中:

数据格式

"RoleName" : "Verify",    
"IsActive" : true,
"UIList" : 
    {
        "UiName": "One",
        "View" : false,
        "Edit" : false
    },
    {
       "UiName": "Two",
        "View" : false,
        "Edit" : false
    },
    {
        "UiName": "Three",
        "View" : false,
        "Edit" : false
    },
    {
        "UiName": "Four",
        "View" : false,
        "Edit" : false
    },
    {
        "UiName": "Five",
        "View" : false,
        "Edit" : false
    }

控制器

$http.get('/Manage_Datashow').success(function (response) {
    $scope.Manage_Roleser = response;
});

服务器

app.get('/Manage_Datashow', function (req, res) {
    db.New_Role.find(function (err, docs) {
        console.log(docs);
        res.json(docs);
    });
});

这里我附上了我的示例代码。我想使用 ng-repeat.

绑定列表中的值

我的代码:

<ul ng-repeat=Manage_Rolese in Manage_Roleser >
  <li>{{Manage_Rolese.UIList.UiName}}</li>
  <li>{{Manage_Rolese.UIList.View}}</li>
  <li>{{Manage_Rolese.UIList.Edit}}</li>
</ul>

示例:

我需要这样的输出。

首先你 json 不是有效的请检查并阅读下面的片段

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.Manage_Roleser =[ {
    "RoleName" : "Verify",    
    "IsActive" : true,
    "UIList" : [{
            "UiName": "One",
            "View" : false,
            "Edit" : false
        },
        {
           "UiName": "Two",
            "View" : false,
            "Edit" : false
        },
          {
            "UiName": "Three",
            "View" : false,
            "Edit" : false
        },
         {
            "UiName": "Four",
            "View" : false,
            "Edit" : false
        },
          {
            "UiName": "Five",
            "View" : false,
            "Edit" : false
        }]
       } ]
});
<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
 
 <div>
  
     <div  ng-repeat="i in Manage_Roleser[0].UIList">
       {{i.UiName}} | {{i.View}}   {{i.Edit}}
      
       
     </div>
   
 </div>
  </body>

</html>
根据需要添加标题。

试试这个

<html>
<body>
 <div Class="container" ng-app="myapp" ng-controller="namesctrl">
  
  <table>
   <thead>
    <th>
     UiName
    </th>
    <th>
     View
    </th>
    <th>
     Edit
    </th>
   </thead>
   <tr ng-repeat="mgr in Manage_Roleser.UIList">
    <td>
     {{mgr.UiName}}
    </td>
    <td>
    |{{mgr.View}}
    </td>
    <td>
     {{mgr.View}}
    </td>
   </tr>
  </table>
 </div>  


 <script Src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script>

 <script>
  var app=angular.module("myapp", []);
  app.controller("namesctrl", function($scope){

   $scope.Manage_Roleser= 
   {
    "RoleName" : "Verify",    
       "IsActive" : true,
    "UIList": [{
    "UiName": "One",
    "View" : false,
    "Edit" : false
   },{
    "UiName": "Two",
    "View" : false,
    "Edit" : false
   },
   {
    "UiName": "Three",
    "View" : false,
    "Edit" : false
   },
   {
    "UiName": "Four",
    "View" : false,
    "Edit" : false
   },
   {
    "UiName": "Five",
    "View" : false,
    "Edit" : false
   }]
  }
   

  });



 </script>
</body>
</html>