Instead of posting in Angular mailing list, I think this may be more of javascript question. Hope the SO community can also give faster response.

I am trying to encapsulate the data in a service and injecting into 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'];

It throws an exception

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

$scope.resource = Player.Player.resource.get({_id:$routeParams._id}); also throws error

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

the below works.

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

my intention is to add more data and method to Player. So how can I make the first (object form) works!