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