angularJs循环在控制器中不起作用

Question

我不能在我的控制器上使用循环并且没有错误 这是我的代码

'use strict';

var chartApp = angular.module('chartsApp');

chartApp.controller('chartController', ['$scope', 'ChartingService', function($scope, ChartingService){

var charts = ChartingService.query();
console.log(charts);

for (var i = 0; i < charts.length; i++) {
    console.log(charts[i]);
};


console.log('after');

}]);

这是从 api 获取数据的原因

var app = angular.module('chartsApp');

app.factory('ChartingService', function($resource) {
return $resource('/api/sales', {
    id: '@id'
}, {
    add: {method: 'POST'}

});
});

我没有收到任何错误，但循环无法正常工作 当我控制台记录 var 图表时，它在控制台窗口上打印所有数据

这就是我在控制台中得到的内容

有什么帮助吗？

Answer 1

documentation of $resource 说：

重要的是要意识到调用 $resource 对象方法会立即返回一个 empty 引用（对象或数组取决于 isArray）。从服务器返回数据后，现有引用将填充实际数据。

（强调我的）

然后是一个例子，它使用回调函数来获取query()返回的数组的第一个元素，一旦可用。