OMDB ApiからAngular2を使用してデータを取得

Question

こんにちはOMDB APIを使用してムービーのリストを取得しています。私はコンソールにデータを取得しますが、UIでループを表示することはできません。ただ空を返します。このように、それを通して私のHTMLコンポーネントのIループに ：

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) 
    }); 
    } 
} 

私はこれを取得していますログデータを慰める

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

しかし、これは動作しません。それは何もしません。

誰かが私を助けてくれますか？とても感謝しております。

おかげ

Answer 1

はあなたMovieServiceクラスのを見てみましょう。

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

なくMovie対象：get(...)機能のような「型付け」オブジェクトとの約束を返す必要があります。現在の入力は間違っています。 this.movi​​es = `へ`;

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