/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 vote192 views1 answer
How to remove duplcates elements from arraylist
TypeScript
1 vote167 views1 answer
Type script edeode url
TypeScript
0 vote155 views1 answer
How should a developer write unit tests for a private method in an apex class
TypeScript
0 vote149 views2 answers
Image in container flutter
TypeScript
63 votes352 views6 answers
React router install
TypeScript
0 vote138 views1 answer
Extending a type in typescript
TypeScript
0 vote140 views1 answer
How to use if statemnts c#
TypeScript
0 vote105 views1 answer
How to permit only a few values in dbms
TypeScript
0 vote138 views1 answer
Which of the foolowing ia an element of pallette that holds multiple elements of nspecific purpose
TypeScript
1 vote220 views1 answer
'mat-label' is not a known element:
TypeScript