Mixing
Angular could not push http response in array property
I am getting a json value from API using httpclient which contains ID in angular 6 and I am passing that ID in another url to get result for each ID which will execute id.length times. I have declared an array property and trying to push the second http result into array. When I log out the result, I can see that results are not getting inserted within square beacket; json values are away from the sqaure bracket. Please find below image for the result. Can anyone please give me solution how to push value properly in array property.
Angular Service:
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { Stories } from '../stories';
import { error } from 'util';
import { tap, map, catchError } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class HackerStoriesService {
Story: Array<any> = ;
ChildStory: Array<object> = ;
constructor(private http: HttpClient) {
}
getStories(){
this.http.get<Stories>('URL')
.subscribe((response) => {
this.Story = response;
for(let i=0;i<=this.Story.length;i++){
this.http.get('URL'+this.Story[i]+'.json')
.subscribe((response)=> {
this.ChildStory.push(response)
})
}
console.log(this.ChildStory)
return this.ChildStory;
},
(error) => {console.log("Error occurred" + error)},
()=> {console.log("The subscription is completed")});
}
}
Result:
When I log the result console.log(this.ChildStory), I am getting following result.)
https://i.stack.imgur.com/1korE.jpg [1]
arrays
angular push asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
add a comment |
I am getting a json value from API using httpclient which contains ID in angular 6 and I am passing that ID in another url to get result for each ID which will execute id.length times. I have declared an array property and trying to push the second http result into array. When I log out the result, I can see that results are not getting inserted within square beacket; json values are away from the sqaure bracket. Please find below image for the result. Can anyone please give me solution how to push value properly in array property.
Angular Service:
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { Stories } from '../stories';
import { error } from 'util';
import { tap, map, catchError } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class HackerStoriesService {
Story: Array<any> = ;
ChildStory: Array<object> = ;
constructor(private http: HttpClient) {
}
getStories(){
this.http.get<Stories>('URL')
.subscribe((response) => {
this.Story = response;
for(let i=0;i<=this.Story.length;i++){
this.http.get('URL'+this.Story[i]+'.json')
.subscribe((response)=> {
this.ChildStory.push(response)
})
}
console.log(this.ChildStory)
return this.ChildStory;
},
(error) => {console.log("Error occurred" + error)},
()=> {console.log("The subscription is completed")});
}
}
Result:
When I log the result console.log(this.ChildStory), I am getting following result.)
https://i.stack.imgur.com/1korE.jpg [1]
arrays
angular push asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
You are logging theChildStorybefore your URL calls are finished. Please keep in mind how the callback function works. In case if you want to do the things synchronously, you can try usingPromise.all()or try various methods provided byrxjs
– Sachin Gupta
Dec 31 '18 at 20:42
But I can able to see the response in browser console. (i.stack.imgur.com/1korE.jpg ). If the URL calls aren't finished then Ican't see the result right. Only when I give array postion in the property it gives undefined.
– Kannadhasan Babu
Dec 31 '18 at 21:13
The output at the console comes first, the URLs finish later. If you put a console.log after pushing to ChildStpry, you can see that the result is actually pushed to the array.
– Sachin Gupta
Dec 31 '18 at 21:18
I am trying to log the results after for loop execution. Can you please tell me then where i can place console.log in the above code. That would be helpful.
– Kannadhasan Babu
Dec 31 '18 at 21:29
Put it just afterthis.ChildStory.push(response)
– Sachin Gupta
Dec 31 '18 at 21:39
add a comment |
I am getting a json value from API using httpclient which contains ID in angular 6 and I am passing that ID in another url to get result for each ID which will execute id.length times. I have declared an array property and trying to push the second http result into array. When I log out the result, I can see that results are not getting inserted within square beacket; json values are away from the sqaure bracket. Please find below image for the result. Can anyone please give me solution how to push value properly in array property.
Angular Service:
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { Stories } from '../stories';
import { error } from 'util';
import { tap, map, catchError } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class HackerStoriesService {
Story: Array<any> = ;
ChildStory: Array<object> = ;
constructor(private http: HttpClient) {
}
getStories(){
this.http.get<Stories>('URL')
.subscribe((response) => {
this.Story = response;
for(let i=0;i<=this.Story.length;i++){
this.http.get('URL'+this.Story[i]+'.json')
.subscribe((response)=> {
this.ChildStory.push(response)
})
}
console.log(this.ChildStory)
return this.ChildStory;
},
(error) => {console.log("Error occurred" + error)},
()=> {console.log("The subscription is completed")});
}
}
Result:
When I log the result console.log(this.ChildStory), I am getting following result.)
https://i.stack.imgur.com/1korE.jpg [1]
arrays
angular push asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
I am getting a json value from API using httpclient which contains ID in angular 6 and I am passing that ID in another url to get result for each ID which will execute id.length times. I have declared an array property and trying to push the second http result into array. When I log out the result, I can see that results are not getting inserted within square beacket; json values are away from the sqaure bracket. Please find below image for the result. Can anyone please give me solution how to push value properly in array property.
Angular Service:
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { Stories } from '../stories';
import { error } from 'util';
import { tap, map, catchError } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
})
export class HackerStoriesService {
Story: Array<any> = ;
ChildStory: Array<object> = ;
constructor(private http: HttpClient) {
}
getStories(){
this.http.get<Stories>('URL')
.subscribe((response) => {
this.Story = response;
for(let i=0;i<=this.Story.length;i++){
this.http.get('URL'+this.Story[i]+'.json')
.subscribe((response)=> {
this.ChildStory.push(response)
})
}
console.log(this.ChildStory)
return this.ChildStory;
},
(error) => {console.log("Error occurred" + error)},
()=> {console.log("The subscription is completed")});
}
}
Result:
When I log the result console.log(this.ChildStory), I am getting following result.)
https://i.stack.imgur.com/1korE.jpg [1]
arrays
angular push arrays
angular push asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
edited Dec 31 '18 at 21:26
Kannadhasan Babu
asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
asked Dec 31 '18 at 20:38
Kannadhasan BabuKannadhasan Babu
11
11
You are logging theChildStorybefore your URL calls are finished. Please keep in mind how the callback function works. In case if you want to do the things synchronously, you can try usingPromise.all()or try various methods provided byrxjs
– Sachin Gupta
Dec 31 '18 at 20:42
But I can able to see the response in browser console. (i.stack.imgur.com/1korE.jpg ). If the URL calls aren't finished then Ican't see the result right. Only when I give array postion in the property it gives undefined.
– Kannadhasan Babu
Dec 31 '18 at 21:13
The output at the console comes first, the URLs finish later. If you put a console.log after pushing to ChildStpry, you can see that the result is actually pushed to the array.
– Sachin Gupta
Dec 31 '18 at 21:18
I am trying to log the results after for loop execution. Can you please tell me then where i can place console.log in the above code. That would be helpful.
– Kannadhasan Babu
Dec 31 '18 at 21:29
Put it just afterthis.ChildStory.push(response)
– Sachin Gupta
Dec 31 '18 at 21:39
add a comment |
You are logging theChildStorybefore your URL calls are finished. Please keep in mind how the callback function works. In case if you want to do the things synchronously, you can try usingPromise.all()or try various methods provided byrxjs
– Sachin Gupta
Dec 31 '18 at 20:42
But I can able to see the response in browser console. (i.stack.imgur.com/1korE.jpg ). If the URL calls aren't finished then Ican't see the result right. Only when I give array postion in the property it gives undefined.
– Kannadhasan Babu
Dec 31 '18 at 21:13
The output at the console comes first, the URLs finish later. If you put a console.log after pushing to ChildStpry, you can see that the result is actually pushed to the array.
– Sachin Gupta
Dec 31 '18 at 21:18
I am trying to log the results after for loop execution. Can you please tell me then where i can place console.log in the above code. That would be helpful.
– Kannadhasan Babu
Dec 31 '18 at 21:29
Put it just afterthis.ChildStory.push(response)
– Sachin Gupta
Dec 31 '18 at 21:39
You are logging the
ChildStory before your URL calls are finished. Please keep in mind how the callback function works. In case if you want to do the things synchronously, you can try using Promise.all() or try various methods provided by rxjs– Sachin Gupta
Dec 31 '18 at 20:42
You are logging the
ChildStory before your URL calls are finished. Please keep in mind how the callback function works. In case if you want to do the things synchronously, you can try using Promise.all() or try various methods provided by rxjs– Sachin Gupta
Dec 31 '18 at 20:42
But I can able to see the response in browser console. (i.stack.imgur.com/1korE.jpg ). If the URL calls aren't finished then Ican't see the result right. Only when I give array postion in the property it gives undefined.
– Kannadhasan Babu
Dec 31 '18 at 21:13
But I can able to see the response in browser console. (i.stack.imgur.com/1korE.jpg ). If the URL calls aren't finished then Ican't see the result right. Only when I give array postion in the property it gives undefined.
– Kannadhasan Babu
Dec 31 '18 at 21:13
The output at the console comes first, the URLs finish later. If you put a console.log after pushing to ChildStpry, you can see that the result is actually pushed to the array.
– Sachin Gupta
Dec 31 '18 at 21:18
The output at the console comes first, the URLs finish later. If you put a console.log after pushing to ChildStpry, you can see that the result is actually pushed to the array.
– Sachin Gupta
Dec 31 '18 at 21:18
I am trying to log the results after for loop execution. Can you please tell me then where i can place console.log in the above code. That would be helpful.
– Kannadhasan Babu
Dec 31 '18 at 21:29
I am trying to log the results after for loop execution. Can you please tell me then where i can place console.log in the above code. That would be helpful.
– Kannadhasan Babu
Dec 31 '18 at 21:29
Put it just after
this.ChildStory.push(response)– Sachin Gupta
Dec 31 '18 at 21:39
Put it just after
this.ChildStory.push(response)– Sachin Gupta
Dec 31 '18 at 21:39
add a comment |
1 Answer
1
active
oldest
votes
At the moment when you call your console.log, the variable is null, but when you look at it at a later stage in the console, that variable is populated, which is why you can see the values there. (As stated here)
What you could do in your getStory() function is to return an Observable. It could look somewhat like:
getStories() {
return new Observable<Stories> ( (observer) => {
this.http.get<Stories>('URL').subscribe((response) => {
this.Story = response;
let storiesCalls = ;
for (let i = 0; i < this.Story.length; i++) {
storiesCalls.push(this.http.get('URL' + this.Story[i]+'.json'));
}
forkJoin(storiesCalls).subscribe((childStories) => {
observer.next(childStories);
observer.complete();
});
}, (error) => {
console.log("Error occurred" + error)
observer.error(error);
observer.complete();
});
});
}
Then you can subscriber to the returned Observable wherever you want to use the retrieved values:
hackerStoriesServiceInstance.getStories().subscribe((childStories) => {
//do stuff with childStories object
}
I did not have time to run the code, so there might be some "bugs", if you find any issue let me know and will update the answer.
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
Thank you for coming forward to help me out. I am getting error in above code: expected 0-1 argument but got 2. can u help me resolve it.
– Kannadhasan Babu
Dec 31 '18 at 23:12
I edited my code. There were some brackets missing/too much. Please retry and let me know. Also please post the exact stacktrace of the error, else it will be to hard to guess the problem. I tried the above example with one of my APIs and adapted it to your code. It should be working now. Or at least it shouldn't require too much adaptation. Also note that variables should be named in camelCase. Also note that you had an error in your for statement. It should go from i=0 to i<this.Story.length, and not <=
– Sergio Sousa
Jan 1 at 8:16
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53991244%2fangular-could-not-push-http-response-in-array-property%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
At the moment when you call your console.log, the variable is null, but when you look at it at a later stage in the console, that variable is populated, which is why you can see the values there. (As stated here)
What you could do in your getStory() function is to return an Observable. It could look somewhat like:
getStories() {
return new Observable<Stories> ( (observer) => {
this.http.get<Stories>('URL').subscribe((response) => {
this.Story = response;
let storiesCalls = ;
for (let i = 0; i < this.Story.length; i++) {
storiesCalls.push(this.http.get('URL' + this.Story[i]+'.json'));
}
forkJoin(storiesCalls).subscribe((childStories) => {
observer.next(childStories);
observer.complete();
});
}, (error) => {
console.log("Error occurred" + error)
observer.error(error);
observer.complete();
});
});
}
Then you can subscriber to the returned Observable wherever you want to use the retrieved values:
hackerStoriesServiceInstance.getStories().subscribe((childStories) => {
//do stuff with childStories object
}
I did not have time to run the code, so there might be some "bugs", if you find any issue let me know and will update the answer.
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
Thank you for coming forward to help me out. I am getting error in above code: expected 0-1 argument but got 2. can u help me resolve it.
– Kannadhasan Babu
Dec 31 '18 at 23:12
I edited my code. There were some brackets missing/too much. Please retry and let me know. Also please post the exact stacktrace of the error, else it will be to hard to guess the problem. I tried the above example with one of my APIs and adapted it to your code. It should be working now. Or at least it shouldn't require too much adaptation. Also note that variables should be named in camelCase. Also note that you had an error in your for statement. It should go from i=0 to i<this.Story.length, and not <=
– Sergio Sousa
Jan 1 at 8:16
add a comment |
At the moment when you call your console.log, the variable is null, but when you look at it at a later stage in the console, that variable is populated, which is why you can see the values there. (As stated here)
What you could do in your getStory() function is to return an Observable. It could look somewhat like:
getStories() {
return new Observable<Stories> ( (observer) => {
this.http.get<Stories>('URL').subscribe((response) => {
this.Story = response;
let storiesCalls = ;
for (let i = 0; i < this.Story.length; i++) {
storiesCalls.push(this.http.get('URL' + this.Story[i]+'.json'));
}
forkJoin(storiesCalls).subscribe((childStories) => {
observer.next(childStories);
observer.complete();
});
}, (error) => {
console.log("Error occurred" + error)
observer.error(error);
observer.complete();
});
});
}
Then you can subscriber to the returned Observable wherever you want to use the retrieved values:
hackerStoriesServiceInstance.getStories().subscribe((childStories) => {
//do stuff with childStories object
}
I did not have time to run the code, so there might be some "bugs", if you find any issue let me know and will update the answer.
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
Thank you for coming forward to help me out. I am getting error in above code: expected 0-1 argument but got 2. can u help me resolve it.
– Kannadhasan Babu
Dec 31 '18 at 23:12
I edited my code. There were some brackets missing/too much. Please retry and let me know. Also please post the exact stacktrace of the error, else it will be to hard to guess the problem. I tried the above example with one of my APIs and adapted it to your code. It should be working now. Or at least it shouldn't require too much adaptation. Also note that variables should be named in camelCase. Also note that you had an error in your for statement. It should go from i=0 to i<this.Story.length, and not <=
– Sergio Sousa
Jan 1 at 8:16
add a comment |
At the moment when you call your console.log, the variable is null, but when you look at it at a later stage in the console, that variable is populated, which is why you can see the values there. (As stated here)
What you could do in your getStory() function is to return an Observable. It could look somewhat like:
getStories() {
return new Observable<Stories> ( (observer) => {
this.http.get<Stories>('URL').subscribe((response) => {
this.Story = response;
let storiesCalls = ;
for (let i = 0; i < this.Story.length; i++) {
storiesCalls.push(this.http.get('URL' + this.Story[i]+'.json'));
}
forkJoin(storiesCalls).subscribe((childStories) => {
observer.next(childStories);
observer.complete();
});
}, (error) => {
console.log("Error occurred" + error)
observer.error(error);
observer.complete();
});
});
}
Then you can subscriber to the returned Observable wherever you want to use the retrieved values:
hackerStoriesServiceInstance.getStories().subscribe((childStories) => {
//do stuff with childStories object
}
I did not have time to run the code, so there might be some "bugs", if you find any issue let me know and will update the answer.
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
At the moment when you call your console.log, the variable is null, but when you look at it at a later stage in the console, that variable is populated, which is why you can see the values there. (As stated here)
What you could do in your getStory() function is to return an Observable. It could look somewhat like:
getStories() {
return new Observable<Stories> ( (observer) => {
this.http.get<Stories>('URL').subscribe((response) => {
this.Story = response;
let storiesCalls = ;
for (let i = 0; i < this.Story.length; i++) {
storiesCalls.push(this.http.get('URL' + this.Story[i]+'.json'));
}
forkJoin(storiesCalls).subscribe((childStories) => {
observer.next(childStories);
observer.complete();
});
}, (error) => {
console.log("Error occurred" + error)
observer.error(error);
observer.complete();
});
});
}
Then you can subscriber to the returned Observable wherever you want to use the retrieved values:
hackerStoriesServiceInstance.getStories().subscribe((childStories) => {
//do stuff with childStories object
}
I did not have time to run the code, so there might be some "bugs", if you find any issue let me know and will update the answer.
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
edited Jan 1 at 8:14
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
answered Dec 31 '18 at 22:05
Sergio SousaSergio Sousa
1013
1013
Thank you for coming forward to help me out. I am getting error in above code: expected 0-1 argument but got 2. can u help me resolve it.
– Kannadhasan Babu
Dec 31 '18 at 23:12
I edited my code. There were some brackets missing/too much. Please retry and let me know. Also please post the exact stacktrace of the error, else it will be to hard to guess the problem. I tried the above example with one of my APIs and adapted it to your code. It should be working now. Or at least it shouldn't require too much adaptation. Also note that variables should be named in camelCase. Also note that you had an error in your for statement. It should go from i=0 to i<this.Story.length, and not <=
– Sergio Sousa
Jan 1 at 8:16
add a comment |
Thank you for coming forward to help me out. I am getting error in above code: expected 0-1 argument but got 2. can u help me resolve it.
– Kannadhasan Babu
Dec 31 '18 at 23:12
I edited my code. There were some brackets missing/too much. Please retry and let me know. Also please post the exact stacktrace of the error, else it will be to hard to guess the problem. I tried the above example with one of my APIs and adapted it to your code. It should be working now. Or at least it shouldn't require too much adaptation. Also note that variables should be named in camelCase. Also note that you had an error in your for statement. It should go from i=0 to i<this.Story.length, and not <=
– Sergio Sousa
Jan 1 at 8:16
Thank you for coming forward to help me out. I am getting error in above code: expected 0-1 argument but got 2. can u help me resolve it.
– Kannadhasan Babu
Dec 31 '18 at 23:12
Thank you for coming forward to help me out. I am getting error in above code: expected 0-1 argument but got 2. can u help me resolve it.
– Kannadhasan Babu
Dec 31 '18 at 23:12
I edited my code. There were some brackets missing/too much. Please retry and let me know. Also please post the exact stacktrace of the error, else it will be to hard to guess the problem. I tried the above example with one of my APIs and adapted it to your code. It should be working now. Or at least it shouldn't require too much adaptation. Also note that variables should be named in camelCase. Also note that you had an error in your for statement. It should go from i=0 to i<this.Story.length, and not <=
– Sergio Sousa
Jan 1 at 8:16
I edited my code. There were some brackets missing/too much. Please retry and let me know. Also please post the exact stacktrace of the error, else it will be to hard to guess the problem. I tried the above example with one of my APIs and adapted it to your code. It should be working now. Or at least it shouldn't require too much adaptation. Also note that variables should be named in camelCase. Also note that you had an error in your for statement. It should go from i=0 to i<this.Story.length, and not <=
– Sergio Sousa
Jan 1 at 8:16
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53991244%2fangular-could-not-push-http-response-in-array-property%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
You are logging the
ChildStorybefore your URL calls are finished. Please keep in mind how the callback function works. In case if you want to do the things synchronously, you can try usingPromise.all()or try various methods provided byrxjs– Sachin Gupta
Dec 31 '18 at 20:42
But I can able to see the response in browser console. (i.stack.imgur.com/1korE.jpg ). If the URL calls aren't finished then Ican't see the result right. Only when I give array postion in the property it gives undefined.
– Kannadhasan Babu
Dec 31 '18 at 21:13
The output at the console comes first, the URLs finish later. If you put a console.log after pushing to ChildStpry, you can see that the result is actually pushed to the array.
– Sachin Gupta
Dec 31 '18 at 21:18
I am trying to log the results after for loop execution. Can you please tell me then where i can place console.log in the above code. That would be helpful.
– Kannadhasan Babu
Dec 31 '18 at 21:29
Put it just after
this.ChildStory.push(response)– Sachin Gupta
Dec 31 '18 at 21:39