subscribe or unsubscribe angular

//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() }

angular subscribe and unsubscribe

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();
    }
}

Posted by: Guest on January-25-2022

Source

Code answers related to "subscribe or unsubscribe angular"

Browse Popular Code Answers by Language

Answers for "subscribe or unsubscribe angular"

Code answers related to "subscribe or unsubscribe angular"

Code answers related to "TypeScript"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us