Javascript / Angular httpClient get data from url and pass outside method

Question

I am using angular 5 and I have installed the httpClient Module so I can get data from an api.

On my app.component.ts I have this:

getData() {
    this.http.get('url to get xml data from', { responseType: 'text' }).subscribe(data => {
    return data;
 });
}

What I need to do it to call this method from my ngOnInit so that I can use the data outside the method so I tried this:

 ngOnInit() {
    this.result = this.getData();
}

But the above is not giving me the data so what I'm I missing for this to work with Angular?

bugs · Accepted Answer · 2018-04-26 10:50:42Z

0

Modify your first method to simply return an async result from your API call, then subscribe to the method itself.

getData() {
    return this.http.get('url to get xml data from', { responseType: 'text' });
}

and in you ngOnInit

ngOnInit() {
    this.getData().subscribe(res => {
      this.result = res;
   });
}

edited Apr 26, 2018 at 10:50

answered Apr 26, 2018 at 10:42

bugs

15.4k6 gold badges53 silver badges55 bronze badges

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

Comments

ranjeet8082 · Accepted Answer · 2018-04-26 10:42:52Z

0

getData() {
    return this.http.get('url to get xml data from', { responseType: 'text' });
}


 ngOnInit() {
this.getData().subscribe(data => {
    this.result = data;
 });
}

answered Apr 26, 2018 at 10:42

ranjeet8082

2,3791 gold badge21 silver badges26 bronze badges

Comments

Rahul Bisht · Accepted Answer · 2018-04-26 10:47:27Z

0

     getData() {
   return this.http.get('url to get xml data from', {
     responseType: 'text'
   });
 }
 ngOnInit() {
   this.getData().subscribe(data => {
     this.result = data;
   });
 }

answered Apr 26, 2018 at 10:47

Rahul Bisht

1446 bronze badges

Collectives™ on Stack Overflow

Javascript / Angular httpClient get data from url and pass outside method

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related