Angular BaseComponent

base.component.ts

import { Directive, OnDestroy } from '@angular/core';
import { Subject } from 'rxjs';

@Directive()
// tslint:disable-next-line:directive-class-suffix
export abstract class BaseComponent implements OnDestroy {
  private destroy$: Subject<void> | null = null;

  get destroy() {
    if (!this.destroy$) {
      this.destroy$ = new Subject();
    }
    return this.destroy$.asObservable();
  }

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