AngularJS - Using $resource and interact with a RESTful data source

Question

I've had a problem in my previous topic, that I couldn't consume my service.

After doing some research I could finally figure out a way to consume my service after all. Still I was wondering why my other approach with the javascript object as method container didn't work out. I have some guesses but can't find an appropriate solution.

Hopefully you guys can lead me on the right path.

controller.js (Working solution)

angular.module('TodoApp.controllers', []).
controller('listCtrl', function ($scope, $location, todoApiService) {
    $scope.todos = todoApiService.query();
});

services.js (Working solution)

angular.module('TodoApp.services', []).
    factory('todoApiService', function ($resource) {
            return $resource('/api/todo/:id', { id: '@id' }, { update: { method: 'PUT' } });
    });

controllers.js (Not working solution)

angular.module('TodoApp.controllers', []).
    controller('listCtrl', function ($scope, $location, todoApiService) {
        $scope.todos = todoApiService.getMyTodos.query();
    });

services.js (Not working solution)

angular.module('TodoApp.services', []).
    factory('todoApiService', function () {
        var todoApi = {};

        todoApi.getMyTodos = function ($resource) {
            return $resource('/api/todo/:id', { id: '@id' }, { update: { method: 'PUT' } });
        };

    return todoApi;
});

Does angular's injection kick in for $resource on the 2nd service.js ? — DrDyne
– DrDyne, Commented Jun 11, 2014 at 12:03
Actually, it never really gets into the method "getMyTodos". Couldn't reach my breakpoint at the return $resource statement .. — HansMusterWhatElse
– HansMusterWhatElse, Commented Jun 11, 2014 at 12:20
If I set the breakpoint at the todoApiService.query() method and try to step into the method, I get to this update function, while the "clone" object is undefinied oi58.tinypic.com/2z6rqyv.jpg — HansMusterWhatElse
– HansMusterWhatElse, Commented Jun 11, 2014 at 12:32

thedude · Accepted Answer · 2014-06-11 12:31:49Z

1

You should either:
Inject $resource to your factory function, just like you did in the working version. And then you can remove the $resource as a parameter for getMyTodos.

angular.module('TodoApp.services', []).
    factory('todoApiService', function ($resource) {
        var todoApi = {};

        todoApi.getMyTodos = function () {
            return $resource('/api/todo/:id', { id: '@id' }, { update: { method: 'PUT' } });
        };

    return todoApi;
});

And then from the controller:

angular.module('TodoApp.controllers', []).
    controller('listCtrl', function ($scope, $location, todoApiService) {
        $scope.todos = todoApiService.getMyTodos().query();
    });

Or, you can pass the $resource from the controller to getMyTodos (after injecting it to the controller) - so your controller would look like:

angular.module('TodoApp.controllers', []).
    controller('listCtrl', function ($scope, $location, todoApiService, $resource) {
        $scope.todos = todoApiService.getMyTodos($resource).query();
    });

I didn't check to see that this is working, but it should :)

answered Jun 11, 2014 at 12:31

thedude

3551 gold badge3 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

HansMusterWhatElse Over a year ago

thank you very much, it worked. Kind of makes sense to add the parentheses, even though it looks a bit weird .. ;)

thedude Over a year ago

Well, it's a method that returns a resource. So you have to call it in order to get the resource that you want to query. You could implement it using a getter (if the parentheses really annoy you) but that's a different story and it's not quite the correct use-case for a getter.

Collectives™ on Stack Overflow

AngularJS - Using $resource and interact with a RESTful data source

controller.js (Working solution)

services.js (Working solution)

controllers.js (Not working solution)

services.js (Not working solution)

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

controller.js (Working solution)

services.js (Working solution)

controllers.js (Not working solution)

services.js (Not working solution)

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related