Как получить значение массива и структурировать его с помощью 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>

Пример:

введите здесь описание изображения

Мне нужен такой вывод.


node.js angularjs mongoose mongojs
person jose    schedule 31.03.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Попробуй это

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

person Saurabh Agrawal    schedule 31.03.2017
comment
привет @saurabh, пожалуйста, проверьте мои данные RoleName: Verify, IsActive: true, а третий столбец - это UIList внутри UIList, эти данные хранятся - person jose; 31.03.2017
comment
Спасибо за поддержку - person jose; 31.03.2017
comment
UIList будет массивом. Как я уже упоминал в своем решении - person Saurabh Agrawal; 31.03.2017
comment
я видел это, но когда я получаю значения из базы данных ‹tr ng-repeat=mgr в Manage_Roleser[0].UIList›, тогда работает только - person jose; 31.03.2017
comment
я не знаю, это нужно [0] - person jose; 31.03.2017
comment
да, зависит от того, является ли Manage_Roleser объектом или массивом. Рад помочь вам - person Saurabh Agrawal; 31.03.2017
comment
Примите мой ответ, если он работает для вас :) и отметьте его вверх :) - person Saurabh Agrawal; 31.03.2017
comment
хочу ли я обновить конкретный параметр редактирования представления, означает, как запрос поможет написать запрос на обновление для этого - person jose; 31.03.2017
comment
Да, человек, это правильно - person Saurabh Agrawal; 31.03.2017

arrow_upward
2
arrow_downward

Прежде всего, все, что вы 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="[email protected]" 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>
Add your headings like as you want.

person Community    schedule 31.03.2017
comment
хочу ли я обновить конкретный параметр редактирования представления, означает, как запрос поможет написать запрос на обновление для этого - person jose; 31.03.2017