javascript - Angular ng-grid 和 JSON

Question

我对 Angular 还很陌生，我正在尝试在 ui-grid 表中显示我的 JSON。 无论如何，因为这与 ng-grid 类似，我希望有人可以帮助我。

我有一个像这样的 JSON:

{
    Users: [
        username:'blabla',
        email:'bla@gmail.com',
        type:'admin',
        userId: [
            id:'1222'
        ]
    ],
    Teams: [
        teamName: 'team1',
        teamId: '123'
    ]
}

我想要的是:

$scope.gridOptions = {
data: myDataSource, 
columnDefs: [{ field: 'Users.userName', displayName: 'userName', width: 90 }]

但我无法访问所有对象。仅当我将数据设置为 myDataSource.Users 时，我才能访问用户名

Answer 1

这是一个工作示例:http://jsfiddle.net/8jgpLn9h/

Controller :

var app = angular.module('app', ['ngTouch', 'ui.grid']);

app.controller('MainCtrl', ['$scope', function ($scope) {

  $scope.data = {
    Users : [{
            username : 'titi',
            email : 'bla@gmail.com',
            type : 'admin',
            userId : {
                id : '1222'
            }
        },{
            username : 'toto',
            email : 'toto@gmail.com',
            type : 'admin',
            userId : {
                id : '1'
            }
        }
    ],
    Teams : {
        teamName : 'team1',
        teamId : '123'
    }
 };
 $scope.gridOptions = { data: 'data.Users' };

}]);

HTML:

<div ng-app="app">
    <div ng-controller="MainCtrl">
        <div ui-grid="gridOptions" class="grid"></div>
    </div>
</div>