/TypeScript/Angular/RxJs When should I unsubscribe from `Subscription`

Angular/RxJs When should I unsubscribe from `Subscription`

// You don't need to have bunch of subscriptions and unsubscribe manually.
// Use Subject and takeUntil combo to handle subscriptions like a boss:


import { Subject } from "rxjs"
import { takeUntil } from "rxjs/operators"

export class ViewRouteComponent implements OnInit, OnDestroy {
  componentDestroyed$: Subject<boolean> = new Subject()

  constructor(private titleService: TitleService) {}

  ngOnInit() {
    this.titleService.emitter1$
      .pipe(takeUntil(this.componentDestroyed$))
      .subscribe((data: any) => { /* ... do something 1 */ })

    this.titleService.emitter2$
      .pipe(takeUntil(this.componentDestroyed$))
      .subscribe((data: any) => { /* ... do something 2 */ })

    //...

    this.titleService.emitterN$
      .pipe(takeUntil(this.componentDestroyed$))
      .subscribe((data: any) => { /* ... do something N */ })
  }

  ngOnDestroy() {
    this.componentDestroyed$.next(true)
    this.componentDestroyed$.complete()
  }
}

Source: stackoverflow.com

Similar codes

2 votes348 views1 answer
How to call angular 8 form validation ngif
TypeScript
2 votes397 views2 answers
Typescript iterate over enum
TypeScript
0 vote302 views1 answer
Typescript code region
TypeScript
1 vote264 views1 answer
Mongoose project first element from array
TypeScript
0 vote333 views1 answer
Typescript find non matching objects in two arrays
TypeScript
0 vote327 views1 answer
Difference between test strategy vs test plan
TypeScript
1 vote342 views1 answer
React setstate in hooks to array of objects value
TypeScript
0 vote333 views1 answer
The Apple I had a built-in video terminal, sockets for __________ kilobytes of onboard random access memory (RAM), a keyboard, and a cassette board meant to work with regular cassette recorders.
TypeScript
0 vote310 views1 answer
Typescript react switch case component
TypeScript
0 vote320 views2 answers
Moonspell (@moonspellofficial) • Instagram photos and videoswww.instagram.com › moonspellofficial 61.4k Followers, 619 Following, 2421 Posts - See Instagram photos and videos from Moonspell (@moonspellofficial)
TypeScript