angular 想通過(guò)接收到的json字符串生成html頁(yè)面，已經(jīng)轉(zhuǎn)義了，但是總是只顯示字符串不顯示標(biāo)簽。

寫(xiě)一個(gè)安全轉(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

這個(gè)是因?yàn)榘踩珕?wèn)題，angular 過(guò)濾掉了直接插入html，官方文檔有介紹，需要特殊的api ，參見(jiàn)官網(wǎng)https://angular.cn/guide/secu...