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

相关内容

热门资讯

aa扑克外挂，wpk后台管理系... aa扑克外挂，wpk后台管理系统，苹果菠萝德州辅助神器；致您一封信；亲爱wpk后台管理系统玩家：《w...
wepoke透视挂靠谱吗，wp... 您好，wepoke透视挂靠谱吗这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很...
微扑克的辅助工具苹果，wepo... 微扑克的辅助工具苹果，wepoke软件太假了，智星德州菠萝辅助工具1、不需要AI权限，帮助你快速的进...
智星德州菠萝辅助，wepoke... 自定义wepokeai辅助系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，...
德州之星辅助挂，wepokea... 1、德州之星辅助挂，wepokeai代打，智星德州菠萝辅助；代表性（透视辅助软件透明挂）高科技在四个...
微扑克有机器人吗，wepoke... 自定义wepoke黑科技靠谱吗系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助...
wpk透视辅助合作，wpk辅助... wpk透视辅助合作，wpk辅助器小程序，智星德州辅助器1、金币登录送、破产送、升级送、活动送。详细领...
aapoker有外挂吗，wep... 您好，wepoke到底有没有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很...
德扑ai工具，wepokeai... 德扑ai工具，wepokeai代打，智星德州菠萝辅助器推荐1、许多玩家不知道wepokeai代打辅助...
AApoker靠谱吗，wpk透... 一、wpk透明挂简介了解软件请加微：136704302wpk透明挂是一款在线扑克游戏平台，玩家可以在...