how can I pass a value key from a GET url response to another GET url as a parameter in Angular component ?
The first url needs to be execute first after that only second url must get execute. Any example that can be done with or without service ?
1
-
please show what u have tried so far.. bcs question is rather unclear.hanan– hanan2020-07-07 07:11:37 +00:00Commented Jul 7, 2020 at 7:11
Add a comment
|
2 Answers
this.apiService.firstAPI().subscribe(res => {
if(res.body){
var id = res.body.data[0].id;
this.apiService.SecondAPI(id).subscribe(res => {
}
}
}
this way your second API will be called only when first API response comes.
as for the api service function
SecondAPI(id) {
return this.httpService.get('api/getmyData?id='+id);
}
3 Comments
NoobCoder
suppose in response of first API I got data as
{ "id": 1} . Now how can I pass this this id to second API as a parameter ?
HUSSAIN
i have updated my answer, i hope i covered most of it.
rjv
Nested subscribes is not a good practice. Its theoretically OK to use it in http calls, but will cause issues when you start writing more complex RxJS scenarios. Also, the code will be more readable if you use rxjs operators.
The RxJS way to do this is to use switchMap
this.http.get('/url1')
.pipe(
switchMap((res)=>{
return this.http.get('/url2' + res.id);
})
)
.subscribe((res)=>{
// Do whatever
});
1 Comment
NoobCoder
Yes , I was unaware of this. Thanks I will try