Не могу понять, почему ng-resource не возвращает массив

Question

Я использую AngularJS и NGResource, и я не могу понять, почему, когда я использую запрос, я продолжаю получать пустой массив.

В мой контроллер, я делаю

Task = $resource('/tasks'); 
var tasks = Task.query(function() {}); 
console.log(tasks); 
$scope.tasks = tasks; 

По мнению

{{tasks}} 

В представлении отображается правильно

[{"created_at":"08/08/2013","created_by_id":2,"description":"description","id":1,"name":"test task 1","parent_task_id":null,"task_type_id":1,"updated_at":"08/08/2013"}, 
{"created_at":"08/08/2013","created_by_id":2,"description":"description","id":2,"name":"test task 2","task_type_id":1,"updated_at":"08/08/2013"}] 

, но в консоли он получает вошли как пустой массив:

[] 

Кроме того, я использую расширение Batarang для хрома и объем, что он показывает задачи, имеющее это:

tests: 
    [ ] 

Мне нужно выполнить некоторые операции с данными на возвращаемом значении, прежде чем я положил его в $ модель. Является ли это типичным поведением и тем, что мне не хватает? Или я делаю что-то неправильно? Любые идеи были бы ценными. Я слишком долго задерживался на этом.

Answer 1

Вы регистрируете пустой массив до того, как он будет заполнен асинхронным результатом AJAX.

Часть волшебства Углового заключается в том, что он автоматически обновит массив tasks новыми данными по мере его прохода, а также автоматически обновит представление.

В качестве доказательства, попробуйте следующее:

var Task = $resource('/tasks'); 

$scope.tasks = Task.query(function() {});; 

$scope.$watch('tasks', function (value) { 
    console.log(value); 
}); 

Вот цитата из the docs:

Важно понимать, что применение в $ метод объекта ресурса немедленно возвращает пустую ссылку (объект или массив в зависимости от isArray). После того, как данные возвращаются с сервера, существующая ссылка заполняется фактическими данными. Это полезный трюк, поскольку обычно ресурс присваивается модели, которая затем отображается в виде. Наличие пустого объекта не приводит к рендерингу, как только данные поступают с сервера, тогда объект заполняется данными, и представление автоматически повторно отображает себя, показывая новые данные. Это означает, что в большинстве случаев никогда не нужно писать функцию обратного вызова для методов действий.