知向前端
Angular 显示后端返回的 html 安全转换的管道
2020-5-25 Jon

核心代码



  1. 管道 ts 代码



import {Pipe, PipeTransform} from '@angular/core';
import {DomSanitizer} from '@angular/platform-browser';

@Pipe({
name: 'safeHtml'
})
export class SafeHtmlPipe implements PipeTransform {

constructor(private sanitized: DomSanitizer) {
}

transform(value) {
return this.sanitized.bypassSecurityTrustHtml(value);
}

}



  1. 组件使用代码



<div [innerHTML]="detailObj?.content | safeHtml"></div>



备注



如果想知道创建和导入导出管道的具体步骤,请参阅 Angular 给展示的数字添加一个数字格式千分位管道





发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容