Angularjs UI网格不显示JSON数据？

我有我认为是正确的访问器语法绑定我的UI网格控件，我没有得到任何错误或任何数据。我刚收到一个关于原型变异的警告

我的json数据结构如下：

{
  "records": [
    {
      "acctIdInfo": {
        "acctId": "257905480",
        "acctCode": "ABC10101102",
        "acctName": "BIG CORPORATION",
        "acctRole": [
          "C"
        ]
      },
      "acctNameAddr": {
        "addressLine": [
          "7280 JAMISON ST"
        ],
        "cityName": "VANCOUVER",
        "stateCd": "US-WA",
        "countryCd": "US",
        "postalCd": "97979"
      }
    }
    ]
}

我的AngularJS控制器中要绑定的代码是：

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

  .factory('jsonDataFactory', function ($resource) {
    return {
      custData: $resource('data.json', {}, {
        query: {method: 'GET', params: {}, isArray: false}
      }),

    };
  });

app.controller('MainCtrl', ['$scope','$resource','jsonDataFactory',  function ($scope,$resource,  jsonDataFactory) {
  $scope.gridOptions = { 
    enableRowSelection: true,
    enableSelectAll: true,
    selectionRowHeaderWidth: 35
  };

  $scope.gridOptions.columnDefs = [
    { name: 'acctIdInfo.acctId' },
    { name: 'acctIdInfo.acctCode'},
    { name: 'acctIdInfo.acctName'},
    { name: 'acctNameAddr.addressLine' }
  ];

  $scope.gridOptions.data = jsonDataFactory.custData.query().records;
  $scope.CustomerData = [];
  $scope.CustomerData = jsonDataFactory.custData.query();
  console.log($scope.CustomerData);
  $scope.gridOptions.data = $scope.CustomerData.records;


}]);

这是我的-

---

我想我很接近了…

一旦ajax调用响应返回，请将数据分配给

ui网格

数据源。我假设您已经使用了

$resource

，所以您可以承诺附加回调函数

jsonDataFactory.custData.query().$promise.then(function(response){
   $scope.CustomerData = response;
   console.log($scope.CustomerData);
   $scope.gridOptions.data = $scope.CustomerData.records;
});

---

我试过@Pankaj Parkar，但它告诉我“错误：jsonDataFactory.custData.query（…）。then不是一个函数“@haakon319你能添加

jsonDataFactory

code吗，再看看更新后的回答，用我的plnk中的完整script.js文件更新，你能看到plnkr吗？@haakon319不，我看不到。。你试过我更新的答案了吗？我更新了它，使plnk链接现在可以工作了。很抱歉。我现在正在尝试那个代码片段