欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

angular 2+ innerHTML属性中内联样式丢失

L,把字符串里面的html解析

解析是没问题的,但一些内联样式会丢失掉

为了不丢掉样式,需要自定义一个管道来解决这个问题

html.pipe.ts

  1. import {Pipe, PipeTransform} from "@angular/core";

  2. import {DomSanitizer} from "@angular/platform-browser";

  3. @Pipe({

  4.  name: "html"

  5. })

  6. export class HtmlPipe implements PipeTransform{

  7.  constructor (private sanitizer: DomSanitizer) {

  8.  }

  9.  transform(style) {

  10.    return this.sanitizer.bypassSecurityTrustHtml(style);

  11.  }

  12. }

html使用

  1. <p [innerHTML]="content | html"></p>

 

来自  https://www.cnblogs.com/leiting/p/9408534.html


普通分类: