时间戳

首页 > 解决方案 > Javascript / Angular httpClient 从 url 获取数据并传递外部方法

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

问题描述

我正在使用 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 一起工作？

标签： javascriptangulartypescript

解决方案

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

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

在你里面ngOnInit

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

推荐阅读