/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 vote244 views1 answer
Vscode custom snippets multiple transform
TypeScript
0 vote246 views1 answer
What is .align mips
TypeScript
2 votes246 views1 answer
What type of radiation is 5g
TypeScript
0 vote265 views1 answer
Stop camera if it hits edge of room gml
TypeScript
0 vote250 views1 answer
Excel separate input cell contents by space
TypeScript
0 vote234 views1 answer
Check if all elements in array can be divided by python
TypeScript
4 votes233 views1 answer
Ionic toast
TypeScript
1 vote240 views1 answer
Adonis validator exists
TypeScript
1 vote280 views1 answer
Not enough input arguments matlab
TypeScript
5 votes237 views4 answers
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type
TypeScript