使用 DomSanitizer 绕过安全性后，安全值必须使用 \[property\]=binding

Question

<!--HTML CODE-->
<p #mass_timings></p>

 //Controller code

@ViewChild('mass_timings') mass_timings: ElementRef;
constructor(private domSanitizer:DomSanitizer)
getInnerHTMLValue(){
 this.mass_timings.nativeElement.innerHTML =
   this.domSanitizer.bypassSecurityTrustHtml(this.parishDetail.mass_timings);

}

但是 mass_timings 显示的输出包括文本：-

安全值必须使用 [property]=binding

一开始

如何删除此字符串。

原文由 manish kumar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

正如错误消息所说，需要使用属性绑定添加经过清理的 HTML：

 <p [innerHTML]="massTimingsHtml"></p>

 constructor(private domSanitizer:DomSanitizer) {
  this.massTimingsHtml = this.getInnerHTMLValue();
}
getInnerHTMLValue(){
  return this.domSanitizer.bypassSecurityTrustHtml(this.parishDetail.mass_timings);
}

StackBlitz 示例（基于 Swapnil Patwa 的 Plunker - 请参阅下面的评论）

原文由 Günter Zöchbauer 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您需要像这样清理（）安全值：

 this.domSanitizer.sanitize(SecurityContext.HTML,this.domSanitizer.bypassSecurityTrustHtml(this.parishDetail.mass_timings));

原文由 Sunil Kumar 发布，翻译遵循 CC BY-SA 4.0 许可协议