/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 vote297 views1 answer
The marking menu shortcuts to context-sensitive commands and tools. Marking menu accessed for objects:
TypeScript
-1 vote293 views1 answer
How to separate a string into 2 lists of numbers and letters python
TypeScript
2 votes298 views2 answers
Capacitor icon and splash
TypeScript
0 vote291 views1 answer
Typescript dynamic type
TypeScript
0 vote295 views1 answer
React hooks typescript function return and receive
TypeScript
1 vote273 views1 answer
Benefits eat halim plant leaves
TypeScript
1 vote350 views1 answer
Full call signature in ts
TypeScript
3 votes305 views2 answers
MySQL update if exists else insert
TypeScript
0 vote297 views1 answer
Reported error code “128” when it ended: Permission denied (publickey). fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.
TypeScript
0 vote304 views1 answer
Cypress not defined
TypeScript