使用Angular2从OMDB Api获取数据

Question

嘿伙计我正在使用OMDB API来获取电影列表。我在控制台中获取数据，但我无法通过它循环显示在UI中。它只返回一个空的。

export class example {
  movies: Movie[];
  search: string;

  constructor(private service: MovieService) {}

  getMovies(): void {
    this.service.get(this.search).then((result) => {
      this.movies = [result];
      console.log(result)
    });
  }
}

当我控制台记录数据时，我得到了这个： 在我的HTML组件中，我像这样循环：

<div *ngFor="let movie of movies">
<div>{{movie.Title}}<span>{{movie.Rated}}</span></div>
</div>

但这不起作用。它什么都不做。

是的，有人能帮帮我吗？我真的很感激。

由于

Answer 1

查看您的MovieService课程。 get(...)函数需要返回一个＆＃34; typed＆＃34;对象如：

{
    Search: Movie[]; 
    totalResults: string;
    Response: string;
}

而不是Movie个对象。目前的输入错误。要检查，只需尝试更改该行：

this.movies = [result];

为：

this.movies = (<any>result).Search;