Angular 显示后端返回的 html 安全转换的管道

2020-5-25 Jon angular

核心代码

  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 给展示的数字添加一个数字格式千分位管道

标签: html angular 管道 pipe safe safeHtml

分享这篇文章
赞助鼓励:如果觉得内容对您有所帮助,您可以支付宝(左)或微信(右):

声明:如无特殊注明,所有博客文章版权皆属于作者,转载使用时请注明出处。谢谢!

发表评论:

皖ICP备15010162号-1 ©2015-2022 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap