属性绑定[innerHTML]正在删除角度4数据绑定中的锚标记功能

Question

您好，

属性绑定[innerHTML]仅接受原始html标记之间的文本，并且锚标记功能未应用于数据绑定。所以我希望锚标签功能应该工作。意味着当我在模板中绑定锚标记时，它会被删除。我的目标是同时实现innerHTML以及锚标签功能。当我点击任何通知列表项时，它将带我到另一页。因为JSON只给我这些数据。有人能帮助我吗？

<a data-link="admin-invoice-list" href="javascript:;" [innerHTML]= item.message"></a>

JSON数据采用以下格式：

{
            "id": "225",
            "message": "<a data-link="/user/121/compliance_details" href="javascript:;">Company has  uploaded a compliance document on the Supplier Hub</a>",
            "status": "0"
}

我们如何在棱角4中实现这一目标？

Answer 1

DomSanitizer是您的朋友。

导入必填项：

import { DomSanitizer } from '@angular/platform-browser';

修改组件的构造函数：

constructor(private sanitizer: DomSanitizer) { }

绕过消毒：

this.item.message = this.sanitizer.bypassSecurityTrustHtml([yourJsonObj].message) as string;