/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 vote147 views1 answer
Prevent row click event when button is clicked angular html
TypeScript
0 vote168 views1 answer
Fjnction by parts latex
TypeScript
0 vote179 views1 answer
How to compare two lists and return the number of times they match at each index in python
TypeScript
65 votes582 views5 answers
Length of an object
TypeScript
2 votes159 views1 answer
All elements that begin with r
TypeScript
0 vote243 views2 answers
Check if breckets clossing properly
TypeScript
1 vote166 views1 answer
Axios multiple request
TypeScript
0 vote158 views1 answer
Change field name relation typeorm
TypeScript
0 vote160 views1 answer
Typescript type array of interface
TypeScript
1 vote171 views1 answer
React-native gesturehandler modalize ios onpress
TypeScript