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

angular subscribe and unsubscribe

Add Answer

Repulsive Rabbit answered on July 3, 2020 Popularity 10/10 Helpfulness 4/10

answer angular subscribe and unsubscribe

related angular unsubscribe from observable

related how to unsubscribe in angular service

related angular unsubscribe in service

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 javascript subscribe unsubscribe

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

Repulsive Rabbit

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 in angular service

Comment

@Component({...})
export class AppComponent implements OnInit, OnDestroy {
    subscription: Subscription 
    ngOnInit () {
        var observable = Rx.Observable.interval(1000);
        this.subscription = observable.subscribe(x => console.log(x));
    }
    ngOnDestroy() {
        this.subscription.unsubscribe()
    }
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: blog.bitsrc.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Apr 02 2022

Farwa Miraj

0 Answers Avg Quality 2/10

angular unsubscribe in service

Comment

@Component({...})
export class AppComponent implements OnInit, OnDestroy {
    subscription1$: Subscription
    subscription2$: Subscription 
    ngOnInit () {
        var observable1$ = Rx.Observable.interval(1000);
        var observable2$ = Rx.Observable.interval(400);
        this.subscription1$ = observable.subscribe(x => console.log("From interval 1000" x));
        this.subscription2$ = observable.subscribe(x => console.log("From interval 400" x));
    }
    ngOnDestroy() {
        this.subscription1$.unsubscribe()
        this.subscription2$.unsubscribe()
    }
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: blog.bitsrc.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Apr 25 2022

Prabha karan

0 Answers Avg Quality 2/10

angular subscribe and unsubscribe

Contents

More Related Answers

angular subscribe and unsubscribe

Closely Related Answers

angular unsubscribe from observable

how to unsubscribe in angular service

angular unsubscribe in service

Grepper

Documentation

Social

Legal

Contact

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