/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 vote210 views1 answer
Uncaught TypeError: Cannot read property 'value' of undefined at Object.onChange
TypeScript
0 vote211 views1 answer
How to check string array is sorted or not in typescript
TypeScript
0 vote213 views1 answer
While converting HTML 4 elements to HTML 5 semantic elements, <div class="post"> will be converted into
TypeScript
8 votes204 views1 answer
Create-react-app template
TypeScript
0 vote191 views1 answer
Sr.No. 18, Plot No. 5/3, CTS No.205,Behind Vandevi Temple, Karvenagar, Pune, Maharashtra
TypeScript
0 vote157 views1 answer
Conditional src angular 6
TypeScript
-1 vote201 views1 answer
"gcm_sender_id":"15057814354"
TypeScript
1 vote226 views1 answer
Vue router mode history typescript
TypeScript
5 votes200 views2 answers
Javascript convert classes to arrays
TypeScript
12 votes221 views5 answers
Font awesome angular
TypeScript