2013-01-21 74 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對象(hardcode),然後是console.log(「var object」)。然後嘗試使用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 

的Javascript:

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模塊,所以我建議花一點時間來學習它。這是一個值得學習的美麗框架。一旦你瞭解了AngularJS的基礎知識,這可能會更有意義。