/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

8 votes174 views1 answer
Python find the number of elements in a list
TypeScript
0 vote211 views1 answer
Cannot declare 'TypingAnimationDirective' in an NgModule as it's not a part of the current compilation
TypeScript
20 votes179 views3 answers
How to get user input of list of lists in python
TypeScript
3 votes176 views3 answers
Squash commits on branch
TypeScript
0 vote183 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
0 vote211 views1 answer
'`pydot` failed to call GraphViz.' OSError: `pydot` failed to call GraphViz.Please install GraphViz (https://www.graphviz.org/) and ensure that its executables are in the $PATH.
TypeScript
0 vote187 views1 answer
How to set date axes limits in matplotlib plot
TypeScript
0 vote175 views1 answer
'mat-icon' is not a known element:
TypeScript
0 vote193 views2 answers
Serve images in nextgen formats webp
TypeScript
0 vote183 views1 answer
R merge lists with common elements
TypeScript