角度ui網格選項對象的問題

Question

我很努力將數據推送到我在我的角度應用程序中設置的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 
    } 
]; 

}]); 

但是被顯示在我的網格沒有數據。有人知道爲什麼

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