rxjs-unsub-with-on-detroy.ts

import { Component, OnInit, OnDestroy } from '@angular/core';
import { MyServiceService } from '../my-service.service';
//import from gt-unsubscribe-on-detroy
import { unsubscribeOnDetroy } from 'gt-unsubscribe-on-detroy';

@Component({
  selector: 'app-b',
  templateUrl: './b.component.html',
  styleUrls: ['./b.component.css']
})
export class BComponent implements OnInit, OnDestroy {

  constructor(private singletonService: MyServiceService) { }

  ngOnInit() {
  //unsubscribeOnDetroy() accept only instance of OnDestroy
    this.singletonService.mySubject.pipe(unsubscribeOnDetroy(this))
      .subscribe();
  }
  ngOnDestroy(): void {

  }

}