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

Question

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

Component.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 
    } 
] 

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

Answer 1

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

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