显示多维数组数据角度 ui-grid

Question

我从 api 得到下一个数据结构数组：

 var data = [
                    {
                        id: 1,
                        name: 'test 1',
                        properties: [
                            {
                                id: 101, 
                                name: 'custom 01'
                            },
                            {
                                id: 102,
                                name: 'custom 02'
                            }
                        ]
                    },
                   {
                       id: 2,
                       name: 'test 2',
                       properties: [
                           {
                               id: 201,
                               name: 'custom 21'
                           },
                           {
                               id: 202,
                               name: 'custom 22'
                           }
                       ]
                   }
                   and etc ...
                ]

我需要显示来自每条记录的嵌套数组属性的数据。这就是我想要做的：

    $scope.gridOptions = {};
    $scope.gridOptions.columnDefs = [];
    $scope.gridOptions.data = data.data;


    $scope.load = function (param) {

            lovServices.events(param)
                .then(function (response) {

                    var events = response.events;

                    for (var i = 0; i < events.length; i++) {
                        console.log(events[i].eventProperties)
                        $scope.gridOptions.data = events[i].eventProperties
                    }

                })
        }
    });

console.log(events[i].eventProperties) 显示了正确的数据集，但网格仍然是空的。如果有人能告诉我我的错误在哪里，我将不胜感激？ 提前致谢。

Answer 1

为了构建您的网格，您需要查看 $scope.gridOptions.columnDefs = [];

检查http://ui-grid.info/docs/#/tutorial/201_editable，这里有一个例子，说明如何使用你的对象数组在 columnDefs 属性的帮助下定义每一列