Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Angular 4在html页面上显示JSON值_Json_Angular_Aem - Fatal编程技术网

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

如何使用Angular 4在html页面上显示JSON值,json,angular,aem,Json,Angular,Aem,我需要在html页面上编写JSON响应值。我能够在控制台中进行post api调用并获得json响应。 但无法使用Angular 4在网页中显示它们 请提供任何提示 console.log显示代码示例: this.http.get('src/data/data.json').subscribe( (data)=> console.log(data)); 只需将数据绑定到一个变量,并使用json管道在html中显示它。如果这对你来说没有任何意义,那么你甚至都没有在谷歌上搜索

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

请提供任何提示

console.log显示代码示例:

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

只需将数据绑定到一个变量,并使用json管道在html中显示它。如果这对你来说没有任何意义,那么你甚至都没有在谷歌上搜索过。

你可以通过angular的json管道来实现这一点

{{ data | json }}
另外,如果您还想在HTML页面上格式化它,可以使用
标记

<pre>{{ data | json }}</pre>
像这样:

{{data | json}

显示html代码您是否尝试过{{jsonObject | json}}