takeUntilUnsubscribe.ts

import {Component, OnDestroy} from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {Subject} from 'rxjs/Subject';

import {takeUntil} from 'rxjs/operators/takeUntil';

@Component({
  selector: '...', template: '...'
})
export class MyCmp implements OnDestroy {
  onDestroy$ = new Subject<void>();
  data: any;

  constructor(http: HttpClient) {
    this
      .http
      .get('/url')
      .pipe(
        takeUntil(this.onDestroy$)
      )
      .subscribe(res => this.data = res);
      
  }
    
  ngOnDestroy(): void {
    this.onDestroy$.next();
  }
}