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">

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

1 个答案: