AngularJS - creazione di un oggetto servizio

Question

Invece di postare nella mailing list Angular, penso che questa potrebbe essere più una domanda javascript. Spero che la comunità SO possa anche dare una risposta più rapida.

Sto cercando di incapsulare i dati in un servizio e di iniettarli nel controller.

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

viene generata un'eccezione

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

$scope.resource = Player.Player.resource.get({_id:$routeParams._id}); tiri anche

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

le opere sotto l'errore.

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

la mia intenzione è quella di aggiungere altri dati e il metodo per Player. Quindi, come posso fare il primo (modulo oggetto) funziona!

Answer 1

Si sta creando una fabbrica, questo è il modo atipico di fare. Non vuoi restituire un'istanza. Angular ti darà un'istanza nel tuo controller.

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

Ecco un servizio che ho scritto per interagire con un servizio RIP di cakephp. L'ho scritto un po 'di tempo fa, quindi prendilo come illustrazione, posso refactoring.

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

Sembra che il JS si stia lamentando del codice per Player. Immagino che Player= $resource('/api/Player/:_id', {}) faccia chiamare Player una proprietà query. Il modulo che hai modificato non ha la proprietà Player.

Answer 3

Ok, dopo alcuni tentativi ha funzionato.

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

In questo restituisco esplicitamente l'oggetto risorsa. Ma non si può spiegare come si differenzia da

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