angular使用innerHtml时style行内样式消失

解决方法:使用[innerHTML]
html:<div [innerHTML]="value"></div>
创建一个pipe文件innerhtmlpipe.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);
 }
}

然后再在需要的文件的module中引入

import { HtmlPipe } from './inner-html/innerhtmlpipe';


@NgModule({
  declarations: [
    ...
    HtmlPipe, 
    ...
  ],

最后在html里:

<div [innerHTML]="value | html"></div>