首页 > 解决方案 > 清理对象中的 url 而不是单个 url

问题描述

我有一个对象success,在创建记录后,用于在 PrimeNG 消息 () 中显示消息的summary元素。创建记录后,我调用方法以设置变量detailp-messagesdisplayMessagemsg

表格.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>

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

标签: javascriptangularjsangulartypescriptsanitization

解决方案


您必须告诉 primeNG 不要逃避细节:

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

推荐阅读