首页 > Web开发 > 详细

Angular4 innerHtml呈现富文本内容样式

时间:2019-06-18 17:21:26      阅读:364      评论:0      收藏:0      [点我收藏+]
import { Pipe, PipeTransform } from "@angular/core";
import { DomSanitizer } from ‘@angular/platform-browser‘;
 
// https://angular.io/guide/security
@Pipe({ name: ‘safeHtml‘ })
export class SafeHtmlPipe implements PipeTransform {
  constructor(private sanitized: DomSanitizer) { }
 
  transform(value) {
    return this.sanitized.bypassSecurityTrustHtml(value);
  }
}

在app.module.ts配置

import { NgModule } from ‘@angular/core‘
import { SafeHtmlPipe } from ‘../safe-html.pipe‘;

import { AppComponent } from ‘./app.component‘

@NgModule({
  declarations: [AppComponent, SafeHtmlPipe],
  imports: []
})
export class AppModule {}

在app.component.html

<div [innerHtml]="content | safeHtml"></div>

 

Angular4 innerHtml呈现富文本内容样式

原文:https://www.cnblogs.com/dawnwill/p/11046332.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!