/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

4 votes271 views1 answer
Map vs for each
TypeScript
0 vote261 views1 answer
O arquivo yarn.ps1 não pode ser carregado porque a execução de scripts foi desabilitada neste sistema
TypeScript
1 vote290 views1 answer
Why does the Circum-Pacific belt of earthquakes coincide with the Pacific ring of fire
TypeScript
3 votes261 views3 answers
How to view documents folder simulator swift
TypeScript
0 vote269 views1 answer
Typescript date set time end of day
TypeScript
0 vote280 views1 answer
How to return multiple components in react
TypeScript
0 vote292 views1 answer
Function printprops(o) { for(var p in o) console.log(p + ": " + o[p] + "\n"); } What will the above code snippet result ? Prints the contents of each property of o Returns undefined Both a and b None of the mentioned
TypeScript
1 vote279 views1 answer
Ion select active by button
TypeScript
1 vote240 views2 answers
Measurement technique of total fiber attenuation gives
TypeScript
0 vote263 views1 answer
Testing in different environments
TypeScript