angular5.x 动态innerHTML插入标签样式无效问题

新建一个管道文件

import { Pipe, PipeTransform } from ‘@angular/core‘; import { DomSanitizer } from ‘@angular/platform-browser‘; @Pipe({ name: "html" }) export class HtmlPipe implements PipeTransform { constructor(private sanitizer: DomSanitizer) { } public transform(style) { return this.sanitizer.bypassSecurityTrustHtml(style); } }   在需要的module下引入 import { HtmlPipe } from ‘../pipe‘; declarations: [ iComponent, HtmlPipe ],   在html 中 <p *ngIf=‘checked‘ [innerHTML]="transformValue | html"></p>

相关文章