如何在html中使用JSON.parse？

Question

我有这个，我想在html中解析这个参数以获得干净的参数但我不知道如何。任何建议？

<a [routerLink]="[menu.url||'/']" [queryParams]="menu.refParameter3?JSON.parse(menu.refParameter3):{}"

Answer 1

应该更好地使用组件内部的功能，这将设置您的参数 e.g。

routerJSON = {};

ngOnInit(){
   if( menu && menu.refParamter3 ) {
        this.routerJSON = JSON.parse(menu.refParameter3);
   }
}

<a [routerLink]="[menu.url||'/']" [queryParams]="routerJSON"></a>

替代方案，您可以构建/使用管道

[queryParams]="menu.refParameter3|json"