16.12.23 安全过滤器
需要渲染的代码如下:
3–√
对比使用[innerHtml]指令与原生innerHtml:
解决方法:使用ng2服务DomSanitizer中的bypassSecurityTrustHtml方法
具体操作:使用pipe过滤器进行封装。
import { DomSanitizer } from '@angular/platform-browser';
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'bypassSecurityTrustHtml'
})
export class BypassSecurityTrustHtmlPipe implements PipeTransform {
constructor(private domSanitizer: DomSanitizer){}
transform(html: string, args: any[]): any {
return this.domSanitizer.bypassSecurityTrustHtml(html);
}
}
好处是不影响源数据