如何在模板内的Angular 2中显示对象数组答案

【问题标题】：How to show array of objects in Angular 2 inside a template如何在模板内的Angular 2中显示对象数组
【发布时间】：2017-05-01 15:59:18
【问题描述】：

我无法在模板中显示对象数组。这是我的代码的一部分：

组件.ts

export class UpcomingMoviesComponent implements OnInit {
    movies: Movie[];
}
getUpcomingMovies() {
    this.moviesRes = res.results; 
    let i = 0;
    for (let item in this.moviesRes) {
        for (let subItem in this.moviesRes[item]) {
            this.movies.push(new Movie());
            this.movies[i].id = this.moviesRes[item]["id"];
            i++;
        }
     }
});

Template.html（我尝试了几件事，但都没有奏效）

<div *ngFor="let movie of this.movies">
   {{movie.id}}
   {{movie[0].id}}
</div>

如果我使用以下内容

{{this.movies | json}}

我明白了：

[
  {
    "id":346672
  }
]

你能帮我在模板中显示这个对象吗？谢谢

【问题讨论】：

一方面getUpcomingMovies 似乎不在课堂上......

标签： angular ngfor

【解决方案1】：

您不应在模板中使用this。编译器解析上下文，所以你可以写：

<div *ngFor="let movie of movies">

【讨论】：