Angular 8异步管道内存使用率高且崩溃

Angular 8异步管道内存使用率高且崩溃,angular,rxjs,Angular,Rxjs,angular 8发布后,我在angular与firebase中使用异步管道时遇到了问题。我不知道为什么会这样,这真的让我很烦恼 我有我的分类服务: public getAllCategories(): Observable<Category[]> { return this.afs.collection<Category>(`categories`).valueChanges(); } 最后,在HTML中,我使用异步管道调用公共categorySe

angular 8发布后,我在angular与firebase中使用异步管道时遇到了问题。我不知道为什么会这样,这真的让我很烦恼

我有我的分类服务:

    public getAllCategories(): Observable<Category[]> {
    return this.afs.collection<Category>(`categories`).valueChanges();
  }
最后,在HTML中,我使用异步管道调用公共categoryService和函数:

{{ categoryService.getAllCategories() | async | json }}
我不明白为什么这不起作用,服务正在返回正确的可观察值,异步应该显示它。没有错误,chrome刚刚开始使用内存,我的电脑风扇启动了,我被迫杀死chrome

你知道我做错了什么吗


非常感谢

我认为这是因为您正在从视图本身调用getAllCategories

这导致返回连续可观察的,这是很难处理的任何浏览器; 考虑在组件中调用服务方法,然后在视图

中调用
allCatageries :any;

...
ngOnInit() {
   this.allCatageries = categoryService.getAllCategories();
}
...
然后在视图中


希望这有助于…:

我认为这是因为您正在从视图本身调用getAllCategories

这导致返回连续可观察的,这是很难处理的任何浏览器; 考虑在组件中调用服务方法,然后在视图

中调用
allCatageries :any;

...
ngOnInit() {
   this.allCatageries = categoryService.getAllCategories();
}
...
然后在视图中

希望这有助于…:

{{ allCatageries  | async | json }}