angular.js의 $ resource에서 읽을 수없는 데이터

Question

우리가 만들고있는 각도 앱에 매우 이상한 문제가 있습니다. 아래에 정의 된 리소스 (예 : 빌드 할 수있는 간단한 예제)에서 데이터를로드 할 때마다 데이터 바인딩 (예 : ng-repeat = '메시지를 메시지로'또는 {{message.id}}로 사용할 수있는 데이터를 다시 가져옵니다.) 그러나 나는 그것을 배열이나 객체 (gether {{id : myId}) 또는 query()를 사용하는 wether에 따라 액세스하여 javascript에서 읽지 못한다.

반복을 통해 $ get, $ query, $ save 등의 키를 얻을 수 있지만 실제 데이터는 없습니다. 문제 (A)에서

app.factory('Message', ['$resource', function($resource) { 
    return $resource('MY_URL/messages/:id', {id: '@id'}); 
}]); 

app.service('messageService', ['$rootScope', 'Message', function($rootScope, Message) { 
    var messages = Message.query(); 
    var selectedMessage = null; 

    var service = {}; 

    service.get = function(id) { 
        // Problem A (see below for details) 
     if (arguments.length === 1) return Message.get({id: id}); 
     else return messages; 
    }; 

var MenuCtrl = function($scope, Project, messageService, otherService) { 
    $scope.projects = Project.query(); 
    $scope.messages = messageService.get(); 

    // Problem B (details below) 
}; 

내가 그러나 내가 데이터가 준비되기 전에 일어날 통화를 처리 할 수있는 방법이 필요합니다, 하나의 요소가 이미 인출되었습니다 컬렉션을 형성 반환 할 수 있어야합니다.

문제 B에서 가져온 데이터 중 일부를 처리하고 "otherService"에 결과를 전달하고 싶습니다. 그러나 데이터 준비가 완료 될 때까지 지연시킬 방법이 필요합니다.

Answer 1

이 문제는 단위 테스트에서 나타났습니다.이 문제를 해결하려면 모의 $ httpBackend를 "내 보냅니다". 그것은 조금 어렵다, 그래서 당신은 당신이 자바 스크립트에서 해당 리소스에 액세스에 대해 이동하는 방법을 보여주지 않았다

// define a resource within a service 
angular.module('app.services', ['ngResource']) 
    .factory('Message', function ($resource) { 
    var url = ... 
     , params = ... 
     , actions = ...; 

    return $resource(url, params, actions); 
    } 

// Query the resource in a controller 
function MessagesCtrl ($scope, $routeParams, Message) { 
    $scope.messages = Message.query(); 
} 

// unit test with a mocked backend 
describe('MessagesCtrl', function() { 
    var scope, ctrl, $httpBackend, messages; 

    beforeEach(inject(function (_$httpBackend_, $rootScope, $controller) { 
    $httpBackend = _$httpBackend_; 
    scope = $rootScope.$new(); 

    messages = [ 
     { 
     id: '1', 
     text: 'foo', 
     }, { 
     id: '2', 
     text: 'foo', 
     } 
    ] 

    $httpBackend.expectGET('/api/messages').respond(messages); 
    ctrl = $controller('MessagesCtrl', {$scope: scope}); 
    })); 

    it('should get a list of messages', function() { 

    // THE NEXT LINE WILL SOLVE THE PROBLEM 
    $httpBackend.flush(); 

    expect(scope.message).toEqualData(message); 
    }); 
});