如何正确使用OnDestroy

Question

我见过很多关于ngOnDestroy的问题。我认为我们中的许多人没有正确地使用它，或者根本没有使用它。

我只想看看你如何正确使用ngOnDestroy的一系列技巧，以及在最好的情况下我们应该做些什么来防止内存泄漏、加速和优化web应用程序。

在任何情况下，当你使用它时，你必须做什么？(你必须采取什么步骤？)

如果你想做得完美，你需要走多远？取消所有提述等

Answer 1

在一个场景中，您正在使用可观察的，并在组件中订阅它，并获得数据流，即Firebase。您应该在离开页面时使用ngOnDestroy并取消订阅，以防止内存泄漏。

ngOnDestroy() {
  this.data.unsubscribe();
}

Answer 2

在组件的实例最终销毁之前，在组件的生命周期中调用ngDestroy。它是清理组件 的最佳场所。

import {OnDestroy } from '@angular/core'; // import from core
@Directive({
   selector: '[destroyDirective]'
 })
export class OnDestroyDirective implements OnDestroy { // implements OnDestroy

  //Call Constructor and set hello Msg.
  constructor() {
     this.helloMsg = window.setInterval(() => alert('Hello, I am Anil'), 2000);
  }

  //Destroy to the component
  ngOnDestroy() { 
      window.clearInterval(this.helloMsg);
  }
}