2013-01-21 2 views
0

일부 JSON 데이터가 있는데 ng-grid를 사용하려고합니다. 온라인에서 몇 가지 예를 살펴보면 앱 스팟의 데이터를 그리드에 배치하는 방법을 보여주지 않습니다. 그래서 이것은 내가 지금까지 가지고있는 것입니다.ng-grid 설정에 도움이 필요합니다.

function DataCtrl($scope, Json) { 
    $scope.Data = Json.query(); // Here we want to query for all Json data 
    console.log($scope.Data); 
}; 

사람이 배열 Json.query을과가 NG 그리드에서이 방법을 알고 있나요?

+0

console.log 출력은 무엇입니까? –

+0

설명서에 I/O의 기본 예제가 부족합니다. JSON을 var 객체 (하드 코드)로 가져온 다음 console.log ("var 객체")로 가져옵니다. 그런 다음 Jquery로 가져 오기를 시도합니다 (예). 황홀하지 마라. 그런 다음 $ http (file.json ....)를 시도하십시오. 작은 단계로하십시오. – Merlin

답변

1

ng-grid 사이트의 예제는 매우 자명합니다. 귀하의 문제가 데이터를 반환하는지 궁금합니다. $ scope.Data 객체는 Json 객체를 반환해야하고, 객체를 가지고 있다고 확신하면 그리드에 추가하는 것이 매우 쉽습니다. 다음은

은 NG 그리드 사이트에서 기본 예제 코드 :

HTML :

<body ng-controller="MyCtrl"> 
    <div class="gridStyle" ng-grid="gridOptions"></div> 
</body 

자바 스크립트 :이 AngularJS와의 모듈

var app = angular.module('myApp', ['ngGrid']); 
app.controller('MyCtrl', function($scope) { 
    $scope.myData = [{name: "Moroni", age: 50}, 
        {name: "Tiancum", age: 43}, 
        {name: "Jacob", age: 27}, 
        {name: "Nephi", age: 29}, 
        {name: "Enos", age: 34}]; 
    $scope.gridOptions = { data: 'myData' }; 
}); 

Plunker Example

입니다 , 그래서 나는 그것을 배울 약간의 시간을내어 권할 것입니다. 그것은 학습 가치가있는 아름다운 프레임 워크입니다. AngularJS의 기본 사항을 이해하면 이것이 더 이해할 수 있습니다.

관련 문제