angular 2+ innerHTML屬性中內聯樣式丟失

通過屬性綁定的innerHTML，把字符串里面的html解析

解析是沒問題的，但一些內聯樣式會丟失掉

為了不丟掉樣式，需要自定義一個管道來解決這個問題

html.pipe.ts

import {Pipe, PipeTransform} from "@angular/core";
import {DomSanitizer} from "@angular/platform-browser";
@Pipe({
  name: "html"
})
export class HtmlPipe implements PipeTransform{
  constructor (private sanitizer: DomSanitizer) {
  }
  transform(style) {
    return this.sanitizer.bypassSecurityTrustHtml(style);
  }
}

html使用

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