/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

0 vote211 views1 answer
The create-react-app imports restriction outside of src directory
TypeScript
0 vote126 views1 answer
Cannot find module 'ng2-pdf-viewer' or its corresponding type declarations
TypeScript
2 votes122 views1 answer
How to get post of instragram using api
TypeScript
0 vote118 views2 answers
Typeorm field relation not showing
TypeScript
1 vote139 views1 answer
Clinical thermometer consists of a long, narrow, uniformclinical thermometer consists of a long, narrow, uniform
TypeScript
0 vote170 views1 answer
Marine traffic embeeded map in basic html
TypeScript
20 votes135 views10 answers
Nodemon
TypeScript
0 vote116 views1 answer
Typescript get object value
TypeScript
0 vote134 views1 answer
Create seperate file for requests react
TypeScript
0 vote130 views1 answer
Get type of element of array typescript
TypeScript