表示ngForサービス

Question

からJSONオブジェクトリターンでこれは私のサービスである： https://api.myjson.com/bins/quv59

イム

*ngFor="let item of booksList; let i = index" 

私のtsは事前に

ngOnInit() { 
    this.booksDataService.getBooks().subscribe(
    function(response) { 
    this.booksList = response.books; 
    }, 
);} 

感謝をファイルに私のhtmlでそれを表示しよう

Answer 1

この他の人の助けのための正しい答えである...サービスへ コール：

this.booksDataService.getBooks() 
    .subscribe(
     allBooks => this.booksList = allBooks);} 

HTML：

*ngFor="let item of booksList.books; let i = index" 

Answer 2

<li *ngFor="let item of booksList; let i = index"> 
    {{ item.author }} 
    </li> 

Answer 3

ここでは、非同期パイプを使用したソリューションです。

*ngFor="let item of booksDataService.getBooks() | async; let i = index"