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

angular unsubscribe from observable

Add Answer

QuickShotCodeBot answered on July 3, 2020 Popularity 10/10 Helpfulness 5/10

answer angular unsubscribe from observable

related angular subscribe and unsubscribe

related how to unsubscribe from observable created by http

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 observable typescript unsubscribe

Link to this answer
Share Copy Link

Contributed on Jul 03 2020

QuickShotCodeBot

0 Answers Avg Quality 2/10

Closely Related Answers

angular subscribe and unsubscribe

Comment

import { Component, OnDestroy, OnInit } from '@angular/core';
// RxJs 6.x+ import paths
import { filter, startWith, takeUntil } from 'rxjs/operators';
import { Subject } from 'rxjs';
import { BookService } from '../books.service';

@Component({
    selector: 'app-books',
    templateUrl: './books.component.html'
})
export class BooksComponent implements OnDestroy, OnInit {
    private ngUnsubscribe = new Subject();

    constructor(private booksService: BookService) { }

    ngOnInit() {
        this.booksService.getBooks()
            .pipe(
               startWith([]),
               filter(books => books.length > 0),
               takeUntil(this.ngUnsubscribe)
            )
            .subscribe(books => console.log(books));

        this.booksService.getArchivedBooks()
            .pipe(takeUntil(this.ngUnsubscribe))
            .subscribe(archivedBooks => console.log(archivedBooks));
    }

    ngOnDestroy() {
        this.ngUnsubscribe.next();
        this.ngUnsubscribe.complete();
    }
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

Repulsive Rabbit

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Jul 07 2020

Condemned Civet

0 Answers Avg Quality 2/10

angular unsubscribe from observable

Contents

More Related Answers

angular unsubscribe from observable

Closely Related Answers

angular subscribe and unsubscribe

how to unsubscribe from observable created by http

Grepper

Documentation

Social

Legal

Contact

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