Breaking News: Grepper is joining You.com. Read the official announcement!

how to unsubscribe from observable created by http

Condemned Civet answered on July 3, 2020 Popularity 9/10 Helpfulness 3/10

answer how to unsubscribe from observable created by http

related angular unsubscribe from observable

how to unsubscribe from observable created by http

Comment

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

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

interface User {
  id: string;
  name: string;
  age: number;
}

@Component({
  selector: 'app-foobar',
  templateUrl: './foobar.component.html',
  styleUrls: ['./foobar.component.scss'],
})
export class FoobarComponent implements OnInit, OnDestroy {
  private user: User = null;
  private destroy$ = new Subject();

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http
      .get<User>('api/user/id')
      .pipe(takeUntil(this.destroy$))
      .subscribe(user => {
        this.user = user;
      });
  }

  ngOnDestroy(): void {
    this.destroy$.next();  // trigger the unsubscribe
    this.destroy$.complete(); // finalize & clean up the subject stream
  }
}

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: http observable unsubscribe whatever

Link to this answer
Share Copy Link

Contributed on Jul 07 2020

Condemned Civet

0 Answers Avg Quality 2/10

Closely Related Answers

angular unsubscribe from observable

Comment

//Please note that there are many ways to unsubscribe, this is one of them
import { Subscription } from 'rxjs';

private searchEventSubscription: Subscription;

export class someComponent OnInit, OnDestroy {

    constructor(private someService: SomeService) { }

    ngOnInit() {
      this.searchEventSubscription = this.someService.someMethod.subscribe(result => {  
        doSomething(result);
      });
    }

    ngOnDestroy() {
		this.searchEventSubscription.unsubscribe()
    }

Popularity 10/10 Helpfulness 5/10 Language typescript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jul 03 2020

QuickShotCodeBot

0 Answers Avg Quality 2/10

how to unsubscribe from observable created by http

Contents

More Related Answers

how to unsubscribe from observable created by http

Closely Related Answers

angular unsubscribe from observable

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.