您可以对此助手类进行注释以处理OnDestory逻辑吗?

时间:2019-05-17 14:39:28

标签: angular rxjs

一次又一次地破坏组件很讨厌重新编码,所以为什么不创建一个可扩展的类来处理诸如管理Subject和一些简单的管道处理程序之类的逻辑。有时候在某些情况下您可能无法使用此帮助程序类,但对于一般情况而言,这似乎可以节省大量时间。

请参见下面的完整示例。

https://stackblitz.com/edit/angular7-fb2u4z?file=app%2Ftest%2Ftest.component.ts

1 个答案:

答案 0 :(得分:0)

ngx-take-until-destroy 是实现它的一种优雅方式!

https://www.npmjs.com/package/ngx-take-until-destroy

import { untilDestroyed } from 'ngx-take-until-destroy';

@Component({
  selector: 'app-inbox',
  templateUrl: './inbox.component.html',
})
export class InboxComponent implements OnInit, OnDestroy {
  ngOnInit() {
    interval(1000)
      .pipe(untilDestroyed(this))
      .subscribe(val => console.log(val));
  }

  // This method must be present, even if empty.
  ngOnDestroy() {
    // To protect you, we'll throw an error if it doesn't exist.
  }
}