Ich kann Versprechen Daten nicht in angularjs

Question

zu binden Ich habe versucht, die Beispiele auf Stackoverflow gefunden, aber ich immer noch nichts aus meiner Sicht. Ich kann die articleIds in der Konsole sehen, aber nichts in der Ansicht. Vielen Dank im Voraus für Ihre Hilfe.

Hier ist mein Controller:

export class MainController { 
    constructor ($http) { 
     'ngInject'; 

     this.$http= $http; 
     this.apiHost = 'http://localhost:5005/api/articles'; 
     this.getArticles(); 
    } 

    getArticles() { 
     var vm = this; 
     this.$http.get(this.apiHost).then(function(result){ 
      vm.articles = result.data; 
      vm.articles.forEach(function(item){ 
       console.log(item.articleId); 
      });  
     }); 
    } 
} 

Hier ist meine Ansicht:

<div class="form-group"> 
    <label for="resumeId">Select article:</label> 
    <select class="form-control" id="resumeId"> 
    <option ng-repeat="item in main.vm.articles" value="{{item.articleId}}">{{item.articleId }}</option> 
    </select></div> 

Answer 1

Das hat nichts mit dem Versprechen zu tun hat, die HTML verweist nur den falschen Umfang. Im $ http-Callback weisen Sie das Ergebnis vm.articles zu (wobei vm der Bereich der Steuerung ist), so dass articles unter main.articles anstatt main.vm.articles verfügbar ist.

Ändern Sie Ihre ng-repeat zu ng-repeat="item in main.articles" und es wird funktionieren.