angular ui-网格选项对象的问题

Question

我正在努力将数据推送到我在 angular 应用程序中设置的 ui-网格。

这是我所做的：

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

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

$scope.gridOptions.data = [
    {
        "firstName": "Cox",
        "lastName": "Carney",
        "company": "Enormo",
        "employed": true
    },
    {
        "firstName": "Lorraine",
        "lastName": "Wise",
        "company": "Comveyer",
        "employed": false
    },
    {
        "firstName": "Nancy",
        "lastName": "Waters",
        "company": "Fuelton",
        "employed": false
    }
];

}]);

但是我的网格中没有显示任何数据。有人知道为什么吗？

笨蛋 - http://plnkr.co/edit/tCBB3nfsLtFhfIgKNk47

Answer 1

问题出在您的 gridOptions 对象中，您必须在分配数据之前定义它：

$scope.gridOptions = {data: []};
$scope.gridOptions.data = [
    {
        "firstName": "Cox",
        "lastName": "Carney",
        "company": "Enormo",
        "employed": true
    },
    {
        "firstName": "Lorraine",
        "lastName": "Wise",
        "company": "Comveyer",
        "employed": false
    },
    {
        "firstName": "Nancy",
        "lastName": "Waters",
        "company": "Fuelton",
        "employed": false
    }
];

问题是 gridOptions 没有定义，所以它在控制台中抛出了这个错误：TypeError: Cannot set property 'data' of undefined。

angular ui-网格选项对象的问题

Issues with angular ui-grid options object

angularjs

angular-ui-grid