/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

9 votes226 views2 answers
React functional component typescript
TypeScript
1 vote253 views1 answer
Crashlytics ionic 3
TypeScript
22 votes242 views4 answers
Typescript string to number
TypeScript
1 vote217 views1 answer
CREAT PANTS FOR FREE
TypeScript
1 vote231 views1 answer
Typescript json.parse
TypeScript
0 vote254 views1 answer
Show that the speed of the spacecraft in its orbit is 3.7 × 103ms –1.
TypeScript
0 vote240 views1 answer
How to concate a string to all elements in a list in python
TypeScript
0 vote237 views2 answers
Linux reload hosts file
TypeScript
0 vote228 views1 answer
Omgsmhwthwhyomgnvm
TypeScript
26 votes231 views3 answers
How to install typescript in windows 10
TypeScript