在一个对象中清理 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>

但是，超链接标记“ 中解释的内容来清理 url。虽然我尝试使用那个方法，但我没有成功，因为我需要清理 detail 变量中的 url，相关方法在基础 class 上。那么，如何才能使 url 正确显示呢？在给定的示例中应该进行哪些更改？

Answer 1

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

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

在一个对象中清理 url 而不是单个 url

Sanitize url in an object rather than single url

javascript

sanitization

angularjs

typescript

angular