前端有测试数据显示

{"id" : "49", "users" : {"type" : "test"}}

在angular html文件中，test是从API服务调用中得到的列表

get().subscribe((resp)=>{
  this.test = resp["data"];
})

<td>{{test.name}}</td>
<td>{{test.json}}</td>

我想要的是做测试节目的格式

{
 "id" : "49", 
 "users" : {"type" : "test"}
}

我尝试添加{{test.json|json}}使用json管道，但html显示“{\r\n\r\n}”
我还在组件中添加了parseJson，{{parseJson（test.json）}}，html get [object Object]

parseJson(str:string):any{
   return JSON.parse(str);
 }

因为“\r\n”，我尝试了{{parseJson（test.json）}}

parseJson(str:string):any{
    console.log(str);
    console.log(str.includes("\r\n")); // it's true
}

控制台显示html

{
 "id" : "49", 
 "users" : {"type" : "test"}
}

但在html中没有换行符

<td>{{parseJson(test.json)}}</td>