Generic unsubscriber for angular components

observable-destroy.component.ts

import { ReplaySubject } from 'rxjs';
import { OnDestroy, Component } from '@angular/core';

@Component({
  template: '',
})
export class ObservableDestroyComponent implements OnDestroy {
  protected destroyed$: ReplaySubject<void> = new ReplaySubject(1);

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

view.component.ts

export class ViewComponent extends ObservableDestroyComponent {

  constructor(
    private readonly dataService: DataService
  ) {
    super();

    this.dataService.data$.pipe(
      takeUntil(this.destroyed$)
    ).subscribe(data => this.data = data);
  }
}