核心代码
- 管道 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);
}
}
- 组件使用代码
<div [innerHTML]="detailObj?.content | safeHtml"></div>
备注
如果想知道创建和导入导出管道的具体步骤,请参阅 Angular 给展示的数字添加一个数字格式千分位管道
发表评论: