/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 vote259 views1 answer
Sql server results to comma delimited string
TypeScript
0 vote237 views1 answer
Read excel typescript
TypeScript
0 vote269 views2 answers
Calculate distance between two latitude longitude points in google maps api
TypeScript
2 votes237 views1 answer
Validation maxlength angular
TypeScript
0 vote271 views1 answer
You will use an appropriate looping statement to write a script that displays a list of the Celsius equivalents of zero degrees Fahrenheit through 100 degrees Fahrenheit
TypeScript
0 vote243 views1 answer
Split in angular 8
TypeScript
0 vote247 views1 answer
Are flights still running
TypeScript
0 vote254 views1 answer
Make foreign key sql in exists row
TypeScript
1 vote256 views1 answer
Ng : File C:\Users\Sriram\AppData\Roaming\npm\ng.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
-1 vote239 views1 answer
Body massage centers in kochi
TypeScript