如何解决样式不适用于离子“Angular”中的innerHTML
当我尝试将 html 作为 innerHtml 传递给我的视图样式组件时不起作用
<div [innerHTML]="Html Code"></div>
解决方法
使用 DomSanitizer 来解决这些问题,以便能够呈现 CSS 绕过。
-
生成管道:
ionic g pipe safeHtml
-
修改文件管道内的所有代码:
从 '@angular/core' 导入 { Pipe,PipeTransform }; 从“@angular/platform-browser”导入{DomSanitizer};
@管道({ name: 'safeHtml',}) 导出类 SafeHtmlPipe 实现 PipeTransform {
构造函数(私有消毒剂:DomSanitizer){} 变换(html){ 返回 this.sanitizer.bypassSecurityTrustHtml(html); } }
-
将包装好的管道添加到 app/app.module.ts :
@NgModule({ 声明: [ 我的应用程序, ... SafeHtmlPipe, ],
-
HTML 文件中使用 innerHTML 添加管道的最后一点:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。