Angular HttpClient 模块 - 尝试从 URL 获取数据答案

【问题标题】：Angular HttpClient Module - Trying to get data from a URLAngular HttpClient 模块 - 尝试从 URL 获取数据
【发布时间】：2019-09-01 20:13:29
【问题描述】：

我正在使用 Angular 创建一个供我自己使用的项目。

我正在尝试将来自此 url 的响应存储为字符串。它是来自“currentPage.content”变量的字符串。

我正在尝试使用 HttpClient 模块，但这不是我想要的响应。相反，我得到以下信息：

{ _isScalar: false, source: {…}, operator: {…} }

谁能帮我得到正确的答复？将不胜感激。

或者，这个url 也有我需要的数据。这里的目标是将此内容存储为字符串值。

谢谢。

【问题讨论】：

【解决方案1】：

看起来您正在显示 HttpClient get 调用返回的 Observable。为了从您的 Observable 中获取数据，您需要订阅它。

为您服务

getContent(): Observable<any> {
    const url = "api/url/goes/here";
    return this.http.get(url);
}

然后在您想要调用 API 的组件中，调用 getContent 并订阅 Observable

ngOnInit() {
    this.getContent().subscribe(data => {
        console.log(data);
    });
}

【讨论】：