角度4 Ngondestory（）正在使用-可观测到的破坏

Question

我想清除/deStory可观察到的是在@injectable（）服务中创建的。我看到一些帖子说ngOnDestroy（）也可以在服务中使用。

但是，这是一个好的做法和唯一的方式这样做，什么时候会被调用？请有人澄清一下。

Answer 1

此模式适用于订阅注入的可观察对象的服务和组件。下面的框架代码应该为您提供足够的细节，以便将模式集成到您自己的服务中。假设您正在导入一个名为InjectedService的服务。。。

import { InjectedService } from 'where/it/lives';
import { Injectable, OnDestroy } from '@angular/core';
import { Observable } from 'rxjs/Rx';
import { takeUntil } from 'rxjs/operators';
import { Subject } from 'rxjs/Subject';

@Injectable()
export class MyService implements OnDestroy {

  private onDestroy$ = new Subject<boolean>();

  constructor(
    private injectedService: InjectedService
  ) {
    // Subscribe to service, and automatically unsubscribe upon `ngOnDestroy`
    this.injectedService.observableThing().pipe(
      takeUntil(this.onDestroy$)
    ).subscribe(latestTask => {
      if (latestTask) {
        this.initializeDraftAllocations();
      }
    });
  }

  ngOnDestroy() {
    this.onDestroy$.next(true);
    this.onDestroy$.complete();
  }

关于何时/如何退订的主题在这里被广泛涵盖：角/RxJs我应该何时退订订阅

Answer 2

在服务中创建一个变量

subscriptions: Subscriptions[]=[];

将您的每个用户按需订阅阵列

this.subscriptions.push(...)

写一个disment（）方法

dispose(){
this.subscriptions.forEach(subscription =>subscription.unsubscribe())

在ngOnDestroy期间从组件调用此方法

ngOnDestroy(){
   this.service.dispose();
 }

Answer 3

OnDestroy生命周期挂钩在提供程序中可用。根据文件：

当指令、管道或服务被销毁时调用的生命周期钩子。

这里有一个例子：

@Injectable()
class Service implements OnDestroy {
  ngOnDestroy() {
    console.log('Service destroy')
  }
}

@Component({
  selector: 'foo',
  template: `foo`,
  providers: [Service]
})
export class Foo implements OnDestroy {
  constructor(service: Service) {}

  ngOnDestroy() {
    console.log('foo destroy')
  }
}

@Component({
  selector: 'my-app',
  template: `<foo *ngIf="isFoo"></foo>`,
})
export class App {
  isFoo = true;

  constructor() {
    setTimeout(() => {
        this.isFoo = false;
    }, 1000)
  }
}

请注意，在上面的代码中，服务是属于Foo组件的实例，因此当Foo被销毁时，它可以被销毁。

对于属于根注入器的提供程序，这将发生在应用程序销毁时，这有助于避免多个引导的内存泄漏，即在测试中。

当父注入器的提供程序在子组件中订阅时，它不会在组件销毁时被销毁，这是组件在组件中取消订阅的责任。