Angular custom method on $resource with .then() function causing error

Question

I have this in my Angular service:

return $resource(BASE + '/cases/:id',
    {id: '@id'}, {
        status: {method: 'GET', params: {status: '@status'}}
});

When using the method added to the $resource definition along with the promise's .then() function, I'm getting an error:

Cases.status({status: 'pending'})
    .then(function(res) {
        console.log(res);
        $scope.cases.pending = res.data.cases;
    })
    .then(function() {
        $scope.tabbed.pending = true;
    });

After the above snippet is run, the error I get is:

TypeError: undefined is not a function on this line: .then(function(res) {

Can I not use these functions as I usually do when I'm using an extra method defined on the $resource?

Pankaj Parkar · Accepted Answer · 2015-04-01 17:39:27Z

1

I think you need to use $promise of $resource object which will call success function when actual promise gets resolved & then you could proceed with the promise chain.

CODE

Cases.status({status: 'pending'})
.$promise
.then(function(res) {
    console.log(res);
    $scope.cases.pending = res.data.cases;
})
.then(function(cases) {
    $scope.tabbed.pending = true;
});

edited Apr 1, 2015 at 17:39

answered Apr 1, 2015 at 16:23

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

3 Comments

user4547292 Over a year ago

I added the return statement and there was no difference.

Pankaj Parkar Over a year ago

@NoahMatisoff do try with $promise.then see my update

Pankaj Parkar Over a year ago

@NoahMatisoff does it make any change..?

Jorge Armando Palm · Accepted Answer · 2015-04-01 17:35:46Z

You have to use $promise in order to access the promise is created on that call, like this:

Cases.get({id: 123}).$promise
  .then(function (success) {
    //do something
}).then(function (error) {
    //do something else
})

Or you can send both functions as callbacks:

Cases.get({id: 123}, function (success) {
  //do something
}, function (error) {
  //do something else
});

Tip You don't have to add a new method to that $resource to send a GET to the same url, you can just have your $resource be plain:

//... code
return $resource(BASE + '/cases'});

and when you pass the parameters to it (if you are passing them as in the example) it will match the keys according to the object so you can just say:

Cases.get({status: 'something'}).$promise
  .then(function(success){
    //... code
  })
  .then(function(err){
    //... code
  });

Cases.get({id: 123}).$promise
  .then(function(success){
    //... code
  })
  .then(function(err){
    //... code
  });

Collectives™ on Stack Overflow

Angular custom method on $resource with .then() function causing error

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related