一段时间后 Angular 应用程序卡住浏览器

Question

我的基于 Angular 应用程序在一段时间后卡住了浏览器。我认为这可能是因为更改检测而发生的，所以我在大多数顶级组件上设置了 OnPush 但浏览器在一段时间后保持卡住状态。我在我的 Mac 上检查了事件监视器，它显示 Google Chrome Helper 在一段时间后超过 100% 的 CPU，我的浏览器死机了。可能是什么原因？

Answer 1

我过去也遇到过这些问题。一定要正确销毁所有订阅者，并检查你的后台是否有网络 worker 。这些资源不时会被填满。确保在销毁组件时销毁它们。

  ngOnDestroy(): void {
     this.observable.unsubscribe();
  }

这通常发生在模板中的组件上有 *ngIf 时，或者当您的路由和依赖组件发生变化时。