2016-04-13 21 views
1

私は自分のUIグリッドコントロールをバインドするための正しいアクセサ構文と思いますが、エラーやデータは一切ありません。私はプロトタイプの突然変異についての警告を受け取ります。UIグリッドにJSONデータが表示されませんか?

私の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; 


}]); 

は私plnk of what I triedある - 私はだと思う

閉じる...

答えて

1

データをui-gridに割り当てるいったんajaxコール応答が戻ってきたら、 $resourceを使用したと仮定して、コールバック関数をアタッチすることを約束できます。

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

私はちょうど@Pankajパーカーいることをしようとしたが、それは「エラー私に語った:あなたが見ても、 'jsonDataFactory'コードを追加することができhaakon319 @「jsonDataFactory.custData.query(...)は、関数ではありません –

+0

を。更新された回答 –

+0

私のplnkから完全なscript.jsファイルで更新されましたか?plnkrを見ることができましたか? –

関連する問題