javascript - 无法绑定(bind) promise 数据以在 angularjs 中查看

Question

我已经尝试了 stackoverflow 上找到的示例，但我仍然没有得到任何结果。我可以在控制台中看到articleIds，但在 View 中看不到任何内容。预先感谢您的帮助。

这是我的 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);
            });     
        });
    }
}

这是我的观点:

<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

这与 promise 无关，HTML 只是引用了错误的范围。在 $http 回调中，您将结果分配给 vm.articles (其中 vm 是 Controller 的范围)，因此 articles 可在 >main.articles 而不是 main.vm.articles。

将 ng-repeat 更改为 ng-repeat="item in main.articles" 即可工作。