如何获得数组值和在使用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> 

例:

在这里输入图像说明

我需要这样的输出。

尝试这个

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

首先,你所有的json不是一个有效的请检查,并通过下面的snippest

 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>