Breaking News: Grepper is joining You.com. Read the official announcement!

is subscribing to a lot of events in ngonint bad

Fierce Flamingo answered on June 10, 2020 Popularity 1/10 Helpfulness 1/10

answer is subscribing to a lot of events in ngonint bad

related is subscribing to a lot of events in ngonint bad

is subscribing to a lot of events in ngonint bad

Comment

@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();
  }
}

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: stackoverflow.com

Tags: events typescript

Link to this answer
Share Copy Link

Contributed on Jun 10 2020

Fierce Flamingo

0 Answers Avg Quality 2/10

Closely Related Answers

is subscribing to a lot of events in ngonint bad

Comment

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()
  }
}

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: stackoverflow.com

Tags: typescript events

Link to this answer
Share Copy Link

Contributed on Jun 10 2020

Fierce Flamingo

0 Answers Avg Quality 2/10

is subscribing to a lot of events in ngonint bad

Contents

More Related Answers

is subscribing to a lot of events in ngonint bad

Closely Related Answers

is subscribing to a lot of events in ngonint bad

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.