0

いくつかの JSON データがあり、それで 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-gridに入れる方法を知っている人はいますか?

4

1 に答える 1

1

ng-gridサイトの例は、一目瞭然です。あなたの問題がデータを返すかどうか疑問に思っています。$scope.Data オブジェクトは Json オブジェクトを返す必要があり、それらがあることを確認したら、それらをグリッドに追加するのは非常に簡単です。

以下は、ng-grid サイトの基本的なサンプル コードです。

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' };
});

プランカーの例

これは AngularJS のモジュールなので、少し時間をかけて学習することをお勧めします。学ぶ価値のある美しいフレームワークです。AngularJS の基本を理解すれば、これはおそらくより理にかなっているでしょう。

于 2013-01-21T21:44:13.820 に答える