/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 vote143 views1 answer
Set array of objects in localstorage
TypeScript
1 vote132 views2 answers
Verify if object is of a certain type type in typescript
TypeScript
7 votes135 views3 answers
Convert double list to single list python
TypeScript
1 vote136 views1 answer
"mat-chip-list" is not a known element:
TypeScript
0 vote134 views1 answer
Laravel validation exists match with nother column
TypeScript
7 votes138 views3 answers
Typescript ignore
TypeScript
1 vote182 views1 answer
==> restfulapi: Booting VM... There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command and stderr is shown below.
TypeScript
0 vote173 views2 answers
Test reports in unit tests flutter
TypeScript
2 votes141 views2 answers
Eslint no-unused-vars typescript interface
TypeScript
35 votes141 views2 answers
Typescript last index of array
TypeScript