AngularJS - crear un objeto de servicio

Question

En lugar de publicar en la lista de correo de Angular, creo que esto puede ser más una pregunta de javascript. Espero que la comunidad SO también pueda dar una respuesta más rápida.

Estoy tratando de encapsular los datos en un servicio e inyectarlos en el controlador.

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']; 

lanza una excepción

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

$scope.resource = Player.Player.resource.get({_id:$routeParams._id}); también tiros de error

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

las obras siguientes.

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']; 

mi intención es añadir más datos y método para Player. Entonces, ¿cómo puedo hacer que el primero (forma de objeto) funcione?

Answer 1

Usted está creando una fábrica, esta es la forma atípica de hacer. No quieres devolver una instancia. Angular le dará una instancia en su controlador.

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

Aquí hay un servicio que escribí para interactuar con un servicio REST cakephp. Lo escribí hace un tiempo, así que tómalo como ilustración, puedo refactorizar.

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

Parece que el JS se queja de algún código para Player. Supongo que Player= $resource('/api/Player/:_id', {}) hace que Player tenga una propiedad llamada query. El formulario que ha cambiado no hace que Player tenga esa propiedad.

Answer 3

Ok, después de algunos intentos, funcionó.

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

En esto devuelvo explícitamente el objeto de recurso. Pero no pueden explicar cómo se diferencia de

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