如何使用Angular 4在html页面上显示JSON值

Question

我需要在html页面上编写JSON响应值。我可以进行后api调用并在控制台中获取json响应。 但无法使用Angular 4在网页中显示它们。

请提供任何指示。

示例console.log显示代码：

this.http.get('src/data/data.json').subscribe(
        (data)=> console.log(data));

Answer 1

将数据绑定到变量并使用json管道在html中显示它。如果这对您没有任何意义，那么您甚至都没有在谷歌上搜索。

Answer 2

您可以通过angular的json管道完成此操作

{{ data | json }}

此外，如果您也想在HTML页面上设置其格式，则可以使用<pre>标签。

赞：

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