AngularJS - tworzenie obiektu usługi

Question

Zamiast publikować w Angular na liście dyskusyjnej, myślę, że to może być bardziej pytanie javascript. Mam nadzieję, że społeczność SO może również dać szybszą odpowiedź.

Próbuję enkapsulować dane w usłudze i wstrzykiwać do kontrolera.

angular.module('myApp.services', ['ngResource']). 
    factory('Player', function($resource){ 
     var Player ; 
     Player = { 
      resource: $resource('/api/Player/:_id', {}) 
     }; 
     return Player 
}); 


function PlayerDetailCtrl(Player, $routeParams, $scope) { 
    $scope.resource = Player.resource.get({_id:$routeParams._id}); 
} 
PlayerDetailCtrl.$inject = ['Player', '$routeParams', '$scope']; 

zgłasza wyjątek

TypeError: Object #<Object> has no method 'query' 

$scope.resource = Player.Player.resource.get({_id:$routeParams._id}); rzuca również error

TypeError: Object #<Object> has no method 'query' 

poniższych prac.

angular.module('myApp.services', ['ngResource']). 
    factory('Player', function($resource){ 
     var Player ; 
     Player= $resource('/api/Player/:_id', {}) 
     return Player 
}); 


function PlayerDetailCtrl(Player, $routeParams, $scope) { 
    $scope.resource = Player.Player.get({_id:$routeParams._id}); 
} 
PlayerDetailCtrl.$inject = ['Player', '$routeParams', '$scope']; 

moim zamiarem jest dodanie większej ilości danych i metody Player. Więc jak mogę zrobić pierwszą (obiektową) działa!

Answer 1

Tworzycie fabrykę, jest to nietypowy sposób robienia. Nie chcesz zwracać instancji. Angular da ci instancję w twoim kontrolerze.

factory('Player', function ($resource) { 
    return $resource('/api/Player/:_id', { }); 
}) 

Oto serwis pisałem do interakcji z usługą CakePHP REST. Napisałem go jakiś czas temu, więc po prostu weź to jako ilustrację, mogę to zmienić.

factory('CommentSvc', function ($resource) { 
    return $resource('/cakephp/demo_comments/:action/:id/:page/:limit:format', { id:'@id', 'page' : '@page', 'limit': '@limit' }, { 
     'initialize' : { method: 'GET', params: { action : 'initialize', format: '.json' }, isArray : true }, 
     'save': { method: 'POST', params: { action: 'create', format: '.json' } }, 
     'query' : { method: 'GET', params: { action : 'read', format: '.json' } , isArray : true }, 
     'update': { method: 'PUT', params: { action: 'update', format: '.json' } }, 
    }); 

}).

Answer 2

Wygląda na to, że JS skarży się na kod dla odtwarzacza. Domyślam się, że Player= $resource('/api/Player/:_id', {}) powoduje, że Player ma wywołanie właściwości query. Zmieniony formularz nie powoduje, że ta właściwość ma wartość Player.

Answer 3

Dobrze, po kilku próbach zadziałały następujące.

Player = { 
      resource: function() { 
        return $resource('/api/Player/:_id', {}) 
      } 
     }; 

W tym wyraźnie zwracam obiekt zasobu. Ale nie potrafi wyjaśnić, jak to się różnić od

resource: $resource('/api/Player/:_id', {})