pre-fetch data before loading component with selector

Question

I have a module for a unique component with his own routingModule and resolver to pre-fetch data from backend. in the component's ngOnInit() I get the data passed in the route to fill a form. So if I call it with it's route, It works.

The problem is I also want to be able to load it by its selector inside a component of another external module and still pre-fetch data before loading.

the natural solution I got is to do this in the ngOnInit:

ngOnInit() {
  if(comingFromRoot()) {
   this.route.data.subscribe(
     (data: {contactData: any}) => {
      ...
     }     
   );
  } else {
    this.backend.getContactData().subscribe( () => ... );
  }
}

is there any better solution ?

jitender · Accepted Answer · 2019-09-13 10:33:27Z

0

You can use ngIf in that case something like in your parent component html

<your-componenet *ngIf="data" [data]="data"></your-component>

In your componenet get data as input

  @Input() data:any;
  ngOnInit() {
      if(!data) {
      this.route.data.subscribe((data: {contactData: any}) => {
      ...
      });
   }

and In your parent component.ts

data:any;

//following in constructur or ngoninit
this.backend.getContactData().subscribe( (data) => this.data=data );

edited Sep 13, 2019 at 10:33

answered Sep 13, 2019 at 10:28

jitender

10.4k1 gold badge21 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

pre-fetch data before loading component with selector

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related