在角度模板中解析json后如何显示元素？

Question

这是代码

{{payment.metadata | json}}

这就是我要得到的

"{\"phoneNumber\":\"4163000477\",\"animalName\":\"Mustang\"}"

如何显示电话号码？我尝试通过此{{(payment.metadata | json).phoneNumber}}

访问它

Answer 1

获取此json时，请使用JSON.parse(json)。此方法将字符串转换为对象。之后，您可以访问该字段。

 let example = JSON.parse(YOUR_JSON);

HTML部分：

{{ example.phoneNumber }}