Angular resource call returning no error/data

Question

Here's my controller call to the service:

  Answers.getAnswers($routeParams.questionId, function(answers) {
    console.log(answers);
    $scope.answers = answers;
  });

Here's the service:

angular.module('intquestApp')
  .factory('Answers', function ($resource) {
    return {
        getAnswers: function(questionId) {
          $resource('api/answers?questionid=' + questionId);
        }
    };
  });

I can confirm the resource is there for certain, and I know that the value of questionId is accurate. Am I doing something syntactically wrong?

Did you have a look at the documentation for $resource? https://docs.angularjs.org/api/ngResource/service/$resource You code does not really look like anything I see there. — Simon Groenewolt, Sep 19 '14 at 19:57

score 1 · Answer 1 · edited May 23 '17 at 10:27

1

From angularJS doc :

It is important to realize that invoking a $resource object method immediately returns an empty reference (object or array depending on isArray).

What you want to use is a promise like explained there

Answers.getAnswers($routeParams.questionId).$promise.then(function (result) {
   $scope.answers = result;
})

edited May 23 '17 at 10:27

Community

1
1

answered Sep 19 '14 at 19:59

Cyril Duchon-Doris

12,964
9
77
164

score 1 · Accepted Answer · answered Sep 19 '14 at 20:05

1

From the looks of your controller code it appears that you require a callback in the factory. Here is the factory code (you had it wrong syntactically)

Factory Code:

//Define a module like this
angular.module('intquestApp',[])
  .factory('Answers', function ($resource) {
    return {
        getAnswers: function(questionId,callback) {
          //define resource
          var questionURL = $resource('api/answers?questionid=' + questionId);
          //fire the get call
          questionURL.get().$promise.then(function(answer){
             //return answer in callback
             callback(answer);
          });
        }
    };
  });

Controller Code:

 Answers.getAnswers($routeParams.questionId, function(answers) {
    console.log(answers);
    $scope.answers = answers;
  });

answered Sep 19 '14 at 20:05

V31

7,626
3
26
44

This code like crashes my entire app... with no errors either. Really weird. – sir_thursday Sep 19 '14 at 20:33
can you come up with a plunkr for the problem? and you getting data in the factory function? – V31 Sep 19 '14 at 20:36
Ahh, the `angular.module('intquestApp',[])` needed to be `angular.module('intquestApp')` I guess... now I can troubleshoot... – sir_thursday Sep 19 '14 at 20:38
2

Works perfectly-- changed `get()` to `query()` because an array of data. Thanks – sir_thursday Sep 19 '14 at 20:39
great that was some nice coding!! – V31 Sep 19 '14 at 20:40

Angular resource call returning no error/data

2 Answers2