angulaire routeur ui fonction non définie dans le contrôleur

Question

J'ai une fonction route ui qui ressemble à ce qui suit

.state('question', { 
     url: '/question', 
     templateUrl: 'views/templates/question.view.htm', 
     controller: 'QuestionController', 
     resolve: { 
      questions_preload: function(Question) { 
       return Question.query(); 
      } 
     } 
    }); 

Le Question.query() ressemble à

Question.query = function() { 
      var deferred = $http.get(HATEOAS_URL); 
      return SpringDataRestAdapter.processWithPromise(deferred).then(function (data) { 
       Question.resources = data._resources("self"); 
       return _.map(data._embeddedItems, function (question) { 
        return new Question(question); 
       }); 
      }); 
     }; 

et le contrôleur qui doit avoir la questions préchargées au début des êtres comme celui-ci

angular.module('myapp').controller('QuestionController', function ($scope, Question) { 

    $scope.questions = questions_preload; 

Malheureusement, la question.query La méthode() exécute correctement le questions_preload qui, selon moi, hébergerait le tableau non défini lors de l'exécution du contrôleur.

Je crois que c'est quelque chose à voir avec le différé dans la fonction de requête? Quelqu'un aurait-il une idée?

Merci, Marque.

Answer 1

Vous avez injecter la valeur questions_preload dans votre contrôleur:

angular.module('myapp') 
.controller('QuestionController', 
    function ($scope, Question, questions_preload) { 
    ... 
    $scope.questions = questions_preload; 

Comme vous l'aviez-vous accédiez simplement une variable non définie.

L'utilisation d'une promesse dans Question.query() n'a pas d'importance ici car l'ui-routeur angulaire attendra que la promesse soit résolue avant d'instancier votre contrôleur.