如何在Angular中通过XMLHttpRequest()显示数据而不使用HttpClientModule?

时间:2018-01-18 07:48:36

标签: javascript angular xmlhttprequest

Link to a demo of my Angular app

在这里,我将JSONPlaceholder(不使用HttpClientModule)与我的Angular应用相关联。当它呈现数据来自浏览器控制台(使用console.log()方法),但我无法在HTML页面中显示此数据。我尝试通过这种方法使用属性,但它没有来。

有人可以解释我如何在Angular应用中不使用HttpClientModule来连接其他API吗?

1 个答案:

答案 0 :(得分:0)

您需要先声明并分配数据以将结果输入视图。在组件中声明: -

 data: any; 

您需要将xml响应结果解析为Json并进行分配。

data = JSON.parse(this.responseText); 

要在UI中发布json,请使用管道json: -

<pre>{{data | json}}</pre>

更新了bliz: - https://stackblitz.com/edit/httpclient-bhnusk?file=app%2Fapp.component.ts