需要帮助设置ng-grid

2013-01-21 79 views 0 likes

我有一些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-网格？

来源

2013-01-21 Jamal Martin

什么是您的console.log打印出来？ –

该文档缺乏I/O的基本示例。这就是说，将JSON导入为var对象（hardcode），然后是console.log（“var object”）。然后尝试使用Jquery导入，是的。没有激愤。然后尝试$ http（file.json ....）。小步骤做。 – Merlin

回答

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的基础知识，这可能会更有意义。

来源

2013-01-21 21:44:13

需要帮助设置ng-grid

回答

相关问题