Avoiding multiple api calls when same component is used multiple times in same page angular

Question

can some one suggest me how to avoid multiple api calls while using same component multiple places in same container

class ChildComponent{
 // some api calls and actions (api call is made in service)
}

parent.html
<child-component></child-component>
<child-component></child-component>
<child-component></child-component>
<child-component></child-component>

Can you be more specific about your problem? Please share some information about the service class implementation, relationship between parent and child components and if the data you are fetching can be cached or not. — Shravan
– Shravan, Commented Jul 9, 2021 at 12:01
you can call the apis in the "parent", create an object and pass as input to your "childs". You can also use rxjs operator share, take a look itnext.io/… — Eliseo
– Eliseo, Commented Jul 9, 2021 at 12:28
@Shravan we don't have much code in service just making and http call and returning observable. — Krishna Kanth
– Krishna Kanth, Commented Jul 10, 2021 at 3:21
@Eliseo thanks i appreciate for your time, this seems to fine i have implemented the same way currently i was checking weather we have any alternative than this — Krishna Kanth
– Krishna Kanth, Commented Jul 10, 2021 at 3:23

user2170348 · Accepted Answer · 2022-06-06 12:01:32Z

1

I had similar problem.

What I did is to create a flag in that component which initially is set to false. Now where you call that API you check if that flag is false and only then you call the API and inside the call you set that flag to true. Next instance of the same component will not make that API call as the flag will be true

answered Jun 6, 2022 at 12:01

user2170348

7165 silver badges4 bronze badges

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

Collectives™ on Stack Overflow

Avoiding multiple api calls when same component is used multiple times in same page angular

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