清理对象中的 url 而不是单个 url

Question

我有一个对象，该对象具有 success、summary 和 detail 元素，用于在创建记录后在 PrimeNG 消息 (p-messages) 中显示消息。创建记录后，我调用displayMessage 方法以设置msg 变量

form.ts：

...
this.displayMessage(data);

baseForm.ts：

displayMessage(data: string) {
    var success = data["success"];
    var summary = data["summary"];        
    var detail = data["detail"]; // <a href="http:/.... ">name</a>
    this.msg.push({ success: success, summary: summary, detail: detail });
}

然后在html中显示如下所示的消息：

<p-messages [value]="msg"></p-messages>

但是，超链接标签“Angular 6 sanitize local drive url 中解释的内容来清理 url。尽管我尝试使用该方法，但我没有成功，因为我需要清理 detail 变量中的 url，并且相关方法位于基类上。那么，如何才能正确显示 url？在给定的示例中应该进行哪些更改？

Answer 1

你必须告诉 primeNG 不要逃避细节：

<p-messages [value]="msg" [escape]="false"></p-messages>