Angular 6防止使用takeUntil的组件中的多个可观察对象发生内存泄漏

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Observable, Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  template: '<p>Example Component</p>',
})
export class ExampleComponent implements OnInit, OnDestroy {
  private destroy$: Subject<void> = new Subject<void>();

  ngOnInit(): void {
    // 可观察对象1
    const observable1$: Observable<any> = ...;
    observable1$
      .pipe(takeUntil(this.destroy$))
      .subscribe((data) => {
        // 处理数据
      });

    // 可观察对象2
    const observable2$: Observable<any> = ...;
    observable2$
      .pipe(takeUntil(this.destroy$))
      .subscribe((data) => {
        // 处理数据
      });

    // 可观察对象3
    const observable3$: Observable<any> = ...;
    observable3$
      .pipe(takeUntil(this.destroy$))
      .subscribe((data) => {
        // 处理数据
      });
  }

  ngOnDestroy(): void {
    this.destroy$.next();
    this.destroy$.complete();
  }
}