InvalidPipeArgument： '[オブジェクトオブジェクト]、[オブジェクトオブジェクト]、[オブジェクトオブジェクト]、[オブジェクトオブジェクト]、[オブジェクトオブジェクト]、[オブジェクトオブジェクト]

Question

サービスデータを非同期パイプ経由でngforにロードしようとしていますが、問題に直面しています：このコンポーネントのアプリで

<app-book-list *ngFor="let app of apps | async | serachBox:searchBooksByName | filterSearch:showTechBooks:showMgmBooks:showFictionBooks " 
    [bookdetails]="app"></app-book-list> 

サービスから来ることになっている： これは私のコンポーネントです。マイcomponent.tsファイルで

：

getBookDetails（）{

let promise = new Promise((resolve,reject)=>{ 
    return this.http.get('https://lib-http-ng.firebaseio.com/bookdetails.json') 
     .toPromise() 
     .then((res)=>{ 
      const data = Object.values(res.json()); 
      resolve(data[0]) 
     }) 

}) 
return promise; 

} 私は非同期パイプに関連したエラーを取得しています：

 public apps= []; 
    ngOnInit() { 
    this.ServerService.getBookDetails() 
     .then((data)=>{ 
     this.apps = data; 
     }) 
    } 

以下は約束です。

1.

Type '{}' is not assignable to type 'Promise<any>'. 

Answer 1

this.ServerService.getBookDetails() 
    .then((data)=>{ 
    console.log(data); 
    this.apps = data; 
    }) 

this.apps = this.ServerService.getBookDetails() 

または| async