angular2项目中html代码被安全过滤器筛掉的问题

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);
    }
}

好处是不影响源数据