2016-12-15 97 views
1

我無法在模板內顯示對象數組。這是我的代碼部分:如何在模板內顯示Angular 2中的對象數組

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

你能幫我在模板中顯示這個對象嗎?謝謝

+0

有一件事'getUpcomingMovies'似乎不在類中...... – jonrsharpe

回答

2

你不應該在模板中使用this。編譯器解析上下文,所以你可以寫:

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