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中有效。

相关内容

热门资讯

透视辅助！大菠萝手游辅助，uu... 透视辅助！大菠萝手游辅助，uupoker有透视吗，总是存在有挂（靠谱教程）1、玩家可以在大菠萝手游辅...
透视透视！wepoker到底有... 透视透视！wepoker到底有没有透视，德扑圈透视挂（透视）竟然真的是有挂（黑科技教程）；1、上手简...
透视游戏！werplan怎么作... 透视游戏！werplan怎么作弊，福建大菠萝万能辅助器，竟然是真的有挂（必胜教程）1、福建大菠萝万能...
透视规律！aapoker脚本，... 透视规律！aapoker脚本，pokermaster脚本（透视）本来真的有挂（德州论坛）pokerm...
透视规律！德州局透视脚本，we... 透视规律！德州局透视脚本，werplan辅助软件，确实有挂（力荐教程）；德州局透视脚本辅助器中分为三...
透视能赢！大菠萝免费辅助器，x... 透视能赢！大菠萝免费辅助器，xpoker透视辅助（透视）其实真的有挂（科技教程）1、大菠萝免费辅助器...
透视玄学！wpk俱乐部是真的吗... 透视玄学！wpk俱乐部是真的吗，wpk透视辅助靠谱吗（透视）从前真的有挂（揭秘攻略）1、超多福利：超...
透视脚本！xpoker辅助，大... 透视脚本！xpoker辅助，大菠萝789辅助器下载，其实存在有挂（高科技教程）1、进入到大菠萝789...
透视数据！hhpoker是正品... 透视数据！hhpoker是正品吗，aa poker辅助（透视）本来存在有挂（可靠教程）；1、很好的工...
透视透视！sohoo辅助，uu... 透视透视！sohoo辅助，uupoker透视，一直真的是有挂（科技教程）1、金币登录送、破产送、升级...