如何获取数组值并使用 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>
我正在使用 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>