Question

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

然后我使用控制器使用get（）来调用服务。我想将回调函数中的数据绑定到控制器中的$ scope变量（gridData）。但是，它失败并显示为未定义。有什么建议？ json数据非常简单，如果你想使用jsbin / plunker /任何在线编辑器进行测试，只需使用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);
    });
});

的DataService：

'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获取数据，然后将结果绑定到视图

1 个答案: