Multiple API Call at a time

Rajdeep Saha

In my current project, I need to develop a UI which contains 4 different dropdown or select controls data of which will be populated from web api methods. I call 4 different http.get method for 4 dropdown control. But issue is that wehn I run the page, all dropdown data not populated properly. Some times, dropdown1 data bind in dropdown3. I don't understand the reason of this issue. Can any one help me.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Debasis Saha8y ago
Accepted answer
since http service get or post method is basically is a async method that's why u face this problem. To solve this problem, U can approach any one of the following -

1. Most easiest way is that On page load u need to call one api method first then on success of that api them next one will need to call and so on.

2. Another way is that U can call all the api method using Subject pattern uisng RxJs. For that new need to define 4 different subject type object for each api method. It will basically create a function pointer for each objects and when http method return response it execute that fucntion pointer method.
+2
Nitin Sontakke8y ago
I sincerely doubt any of that is really happening. I will have to see it to believe it. Will it be possible to share relevant code?

You can remove the sensitive information while posting the code here, for example, api url. But DO NOT remove parameter information.
0