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

how to unsubscribe in angular service

Add Answer

Farwa Miraj answered on January 25, 2022 Popularity 10/10 Helpfulness 4/10

answer how to unsubscribe in angular service

related angular unsubscribe in service

related angular subscribe and unsubscribe

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 service unsubscribe whatever

Link to this answer
Share Copy Link

Contributed on Apr 02 2022

Farwa Miraj

0 Answers Avg Quality 2/10

Closely Related Answers

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

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

Contents

More Related Answers

how to unsubscribe in angular service

Closely Related Answers

angular unsubscribe in service

angular subscribe and unsubscribe

Grepper

Documentation

Social

Legal

Contact

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