angular5显示html文本

采用

<div [innerHTML]="data.content"></div>

引号里面不需要用{{}}

• 如果引入上面的写法之后发现样式变形，表格显示不全的问题，除了本身的样式有问题外，angular中还需要自己定义一个管道（pipe），内容如下

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

@Pipe({
    name: 'safeHtml'
})
export class SafeHtmlPipe implements PipeTransform {

    constructor(private sanitized: DomSanitizer) {
    }

    transform(value) {
        return this.sanitized.bypassSecurityTrustHtml(value);
    }

}

• 在module 中声明这个管道

• 然后上面的引入变为：

<div [innerHTML]="data.content|safeHtml"></div>

再试一下效果吧