Попробуйте что-то вроде этого:
favoriteBooks: Observable<any>;
geFavoriteBooks()
{
return this.db.list('/books').valueChanges().pipe(map(
books =>
{
const topRatedBook =<any> books.filter((item: any) => item.rate > 4.0);
return topRatedBook;
}
));
}
Поскольку вы хотите отобразить результаты valueChanges-Observable, а не самого Observable.Но помните, что вы возвращаете Observable, поэтому вам все равно придется отображать его так:
<div *ngFor='let top of (topRanked |async)'>
{{top.name}}
</div