从ngResource获取数据，然后绑定result到view

Question

我正在从事 AngularJS 项目。我暂时使用 ngResource 从静态文件中获取 json 数据（稍后可能会使用 db）。

然后我使用控制器通过 get() 调用服务。我想将回调函数中的数据绑定到控制器中的 $scope 变量（gridData）。但是，它失败并显示为未定义。有什么建议么？ json 数据非常简单，如果您想使用 jsbin/plunker/whatever 在线编辑器进行测试，只需使用 0-10 的数组作为 ID。

控制器：

'use strict';

var gridCtrl = appCtrl.controller('ctrl', function ($scope, dbService) {
    $scope.gridData = [];

    dbService.get(function (data) {
        $scope.gridData = data;
        console.log(data.jsondb);
    });
});

数据服务：

'use strict';

angular.module('app.services', ['ngResource'])
    .factory('dbService', function ($resource) {
        return $resource("/js/datafile/db.json");
});

Html 查看：

<div ng-controller="ctrl">
    <div ng-repeat="character in $scope.gridData">
        {{character.id}}
    </div>
</div>

Answer 1

这是错误的：<div ng-repeat="character in $scope.gridData">

应该是：

<div ng-controller="ctrl">
    <div ng-repeat="character in gridData">
        {{character.id}}
    </div>
</div>

从ngResource获取数据，然后绑定result到view

Get data from ngResource and then bind result to view

javascript

html

angularjs

ngresource