Javascript / Angular httpClient 从 url 获取数据并传递外部方法答案

【问题标题】：Javascript / Angular httpClient get data from url and pass outside methodJavascript / Angular httpClient 从 url 获取数据并传递外部方法
【发布时间】：2018-04-26 18:50:42
【问题描述】：

我正在使用 Angular 5 并且我已经安装了 httpClient 模块，因此我可以从 api 获取数据。

在我的 app.component.ts 我有这个：

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

我需要做什么才能从我的 ngOnInit 调用此方法，以便我可以使用方法之外的数据，所以我尝试了这个：

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

但是上面没有给我数据，所以我错过了什么才能与 Angular 一起工作？

【问题讨论】：

标签： javascript angular typescript

【解决方案1】：

修改您的第一个方法，简单地从您的 API 调用返回一个异步结果，然后订阅该方法本身。

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

还有你ngOnInit

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

【讨论】：

【解决方案2】：

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


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

【讨论】：

【解决方案3】：

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

【讨论】：