寫一個安全轉(zhuǎn)化管道類似：

import { Pipe, PipeTransform } from '@angular/core'
import { DomSanitizer } from '@angular/platform-browser'

/**
 * 安全轉(zhuǎn)化innerhtml
 */
@Pipe({ name: 'safeInnerHtml' })
export class SafeInnerHtmlPipe implements PipeTransform {
    constructor(private sanitized: DomSanitizer) { }
    transform(value) {
        return this.sanitized.bypassSecurityTrustHtml(value);
    }
}

模版直接：

<div [innerHTML]="xxx | safeInnerHtml"></div>

應(yīng)該使用element.nativeElement.innerHTML = htmlString

這個是因為安全問題，angular 過濾掉了直接插入html，官方文檔有介紹，需要特殊的api ，參見官網(wǎng)https://angular.cn/guide/secu...