AngularJS: $resource custom methods not being called

Question

I have a resource defined for which I have defined a custom method. In my template, I am not able to hit this method. My code looks like this. The getName() function is not being called. What am I missing here

personservices.factory("Person", ["$resource", function($resource) {
  var Persons =  $resource("", {}, {
  query: {method:'GET'}
});                                                       

 Persons.prototype.getName = function () {
   /* do something */ 
   return name;
  }
  return Persons;
}]); 


<ul>
  <li ng-repeat="person in persons">
    {{ person.getName() }} -> not being called
    {{ person.id }} 
  </li>
</ul>

$scope.Persons = Person.query() -> works perfectly

I have edited the question. we can assume some computation that happens in getName and returns a string which is the name to be displayed in the template. — suprita shankar
– suprita shankar, Commented Oct 14, 2013 at 14:28

BenMorel · Accepted Answer · 2013-12-10 13:55:47Z

3

Your problem is:

You want a list of persons, but your returned data is not a list. So you can use transformResponse in your service to transform object to array.

Function getName should return this.name, not name.

app.factory("Persons", ["$resource", function($resource) {
    var Persons =  $resource("", {}, {
        query: {
            method:'GET',
            isArray: true,
            transformResponse: function(data, header) {
                return angular.fromJson(data).items;
            }
        }
    });                                                       

    Persons.prototype.getName = function () {
        /* do something */ 
        return this.name;
    }

    return Persons;
}]);

Here is an JSFiddle example: http://jsfiddle.net/9JFhA/1/

edited Dec 10, 2013 at 13:55

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Oct 15, 2013 at 8:50

frkk

994 bronze badges

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

1 Comment

suprita shankar Over a year ago

this looks good but I get the error TypeError: Object #<g> has no method 'push'. what do you think might be the error

Julian · Accepted Answer · 2013-10-14 16:09:30Z

0

Your example service was defined almost perfectly, the only change I made was that I added anisArray: true to your custom query function, because it return a list of persons.

var Persons =  $resource("/person", {}, {
query: {method:'GET', isArray: true}

});

Maybe that's why your custom method was not being called.

Have a look at the working plunker I made: http://plnkr.co/edit/2i7IHs?p=preview, which tests a custom method's function in a $resource service.

answered Oct 14, 2013 at 16:09

Julian

4952 silver badges10 bronze badges

1 Comment

suprita shankar Over a year ago

But my data returned is not an array. Initially I had that. I was getting the error "object has no method push". Removed it and it worked perfect.

Collectives™ on Stack Overflow

AngularJS: $resource custom methods not being called

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related