/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

3 votes233 views3 answers
Cannot find module typescript
TypeScript
1 vote214 views1 answer
Andonis many to many attach
TypeScript
-1 vote267 views1 answer
Add three dots to text css
TypeScript
7 votes274 views2 answers
Replaceall typescript
TypeScript
4 votes274 views2 answers
Initialize empty array typescript
TypeScript
0 vote230 views1 answer
Const function typescript
TypeScript
6 votes203 views1 answer
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json' Require stack:
TypeScript
0 vote248 views1 answer
Cannot declare 'TypingAnimationDirective' in an NgModule as it's not a part of the current compilation
TypeScript
0 vote217 views1 answer
Highlight styled components on vscode
TypeScript
0 vote207 views1 answer
Python arbitrary arguments *args mcqs
TypeScript