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ある - 私はだと思う
閉じる...
私はちょうど@Pankajパーカーいることをしようとしたが、それは「エラー私に語った:あなたが見ても、 'jsonDataFactory'コードを追加することができhaakon319 @「jsonDataFactory.custData.query(...)は、関数ではありません –
を。更新された回答 –
私のplnkから完全なscript.jsファイルで更新されましたか?plnkrを見ることができましたか? –