顯示ngFor與服務

Question

JSON對象的回報這是我的服務： https://api.myjson.com/bins/quv59

我試着在我的HTML顯示它

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

我的TS文件提前

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

感謝

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"