/TypeScript/Is subscribing to a lot of events in ngonint bad

Is subscribing to a lot of events in ngonint bad

import { Subject } from "rxjs"
import { takeUntil } from "rxjs/operators"

@Component({
  moduleId: __moduleName,
  selector: "my-view",
  templateUrl: "../views/view-route.view.html"
})
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

Is subscribing to a lot of events in ngonint bad

@Component({ ... })
export class SmartComponent implements OnInit, OnDestroy {
  private subscriptions = new Subscription();

  constructor(private heroService: HeroService) {
  }

  ngOnInit() {
    this.subscriptions.add(this.heroService.getHeroes().subscribe(heroes => this.heroes = heroes));
    this.subscriptions.add(/* another subscription */);
    this.subscriptions.add(/* and another subscription */);
    this.subscriptions.add(/* and so on */);
  }

  ngOnDestroy() {
    this.subscriptions.unsubscribe();
  }
}

Source: stackoverflow.com

Similar codes

0 vote203 views1 answer
How to set value to readonly property in typescript while unit testing
TypeScript
0 vote198 views1 answer
Does any event get triggered when checked value changes programatically?
TypeScript
2 votes214 views1 answer
Number of elements in c++ array
TypeScript
1 vote192 views1 answer
Ts object field from variable
TypeScript
0 vote190 views1 answer
Pytest tests in subfolder
TypeScript
0 vote166 views1 answer
Can only use lower 16 bits for requestCode registerForActivityResult
TypeScript
0 vote197 views1 answer
Route.component does not have any construct or call signatures - React Router with TypeScript
TypeScript
0 vote199 views1 answer
How to remove second square brackets in an array
TypeScript
0 vote210 views2 answers
Qml tableview dynamic
TypeScript
0 vote222 views1 answer
Deno current directory
TypeScript