Angular中的iframe使用DomSanitizer加载URL速度慢。
创始人
2024-10-31 06:00:40
0次

在iframe中使用srcdoc属性代替src属性，并将要加载的URL作为参数传递给Sanitizer.sanitize函数。以下是一个示例代码：

HTML文件：

TS文件：

import { DomSanitizer, SafeHtml } from '@angular/platform-browser';

export class AppComponent {

iframeContent: SafeHtml;

constructor(private sanitizer: DomSanitizer) {

// 加载URL并调用sanitize方法
this.iframeContent = this.sanitizer.bypassSecurityTrustHtml(this.sanitizer.sanitize(SecurityContext.HTML, ''));

}

}

需要注意的是，使用srcdoc属性可能会导致一些浏览器的兼容性问题。如果需要兼容性，可以考虑使用ng2-safe-src库。

上一篇：Angular中的Iframe

下一篇：Angular中的imgsrc无法显示本地文件路径而在HTML中有效。

相关内容

热门资讯

解密透视！哈糖大菠萝可以开挂吗... 解密透视！哈糖大菠萝可以开挂吗，模拟器打开hhpoker，教材教程（确实有挂）-哔哩哔哩哈糖大菠萝可...
揭幕透视！约局吧德州透视，po... 揭幕透视！约局吧德州透视，pokemmo脚本辅助下载，经验教程（真是有挂）-哔哩哔哩pokemmo脚...
总结透视！pokermaste... 您好，pokemomo辅助软件这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054...
详情透视！we poker免费... 详情透视！we poker免费辅助器，wepoker有用吗，模板教程（有挂秘籍）-哔哩哔哩1、实时w...
开挂透视！wejoker私人辅... 开挂透视！wejoker私人辅助软件，epoker有透视吗，攻略教程（有挂透视）-哔哩哔哩1）wej...
揭幕透视！hhpoker是真的... 揭幕透视！hhpoker是真的吗，wepoker辅助软件价格，妙招教程（有挂方法）-哔哩哔哩1、全新...
揭幕透视！破解辅助插件wepo... 揭幕透视！破解辅助插件wepoker，wepoker买脚本靠谱吗，技法教程（的确有挂）-哔哩哔哩1、...
总结透视！pokemmo脚本手... 总结透视！pokemmo脚本手机版，德州透视hhpoker，大纲教程（有挂方针）-哔哩哔哩1、该软件...
必备透视！wepoker一直输... 必备透视！wepoker一直输的号能继续打吗，hhpoker是真的还是假的，妙招教程（确实有挂）-哔...
揭幕透视！hhpoker的辅助... 揭幕透视！hhpoker的辅助是真的吗，fishpoker透视底牌，绝活教程（有挂助手）-哔哩哔哩小...