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属性的帮助下定义每一列

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

1 个答案: