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文件中：

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

下面是承诺：

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;

}我收到一个与异步管道相关的错误。

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