在Angular中,可以使用内置的json管道将JSON数据格式化并打印到HTML模板中。以下是一个示例:
export class AppComponent {
jsonData = { name: 'John', age: 30 };
}
json管道将数据格式化并打印出来:{{ jsonData | json }}
在上面的示例中,jsonData变量通过json管道被格式化为可读的JSON字符串,并通过插值表达式{{}}输出到HTML模板中的元素中。
这样,当组件被渲染时,JSON数据将以可读的格式显示在HTML页面中。
请注意,json管道是Angular的内置管道,不需要任何额外的配置。