/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

1 vote190 views1 answer
React link state
TypeScript
7 votes263 views1 answer
Typerscript online compiler
TypeScript
7 votes192 views3 answers
How to make a rounded button
TypeScript
10 votes232 views2 answers
Add class to all child elements jquery
TypeScript
0 vote154 views2 answers
How to get both key and value of enum in typescript
TypeScript
0 vote190 views1 answer
Additional data structures
TypeScript
1 vote205 views2 answers
Clipping input data to the valid range for imshow with RGB data ([0..1] for floats or [0..255] for integers)
TypeScript
3 votes191 views1 answer
Model has no objects member django
TypeScript
2 votes200 views1 answer
Typescript create guid
TypeScript
0 vote208 views1 answer
Oracle objects in tablespace
TypeScript