Angular10-IFramethrowserroronreload
创始人
2024-10-21 14:30:51
0次

在Angular 10中，IFrame在重新加载时会出现错误。这是因为IFrame的DOM元素在重新加载时会被销毁并重新创建，导致一些事件处理程序丢失。为了解决这个问题，可以在IFrame标签上添加一个ID，并在重新加载IFrame时手动重新创建它，以便重新添加事件处理程序。

HTML代码示例：

在Angular组件中的代码示例：

export class MyComponent implements OnInit {

@ViewChild('myFrame', {static:false}) iframe: ElementRef;

ngOnInit() { this.iframe.nativeElement.onload = () => { this.reloadIframe(); }; }

reloadIframe() { const iframe = this.iframe.nativeElement; iframe.src = iframe.src; } } 以上代码会在组件初始化时为IFrame元素添加一个onload事件处理程序，并在重新加载时手动重新创建IFrame元素。这样就可以避免IFrame在重新加载时出现错误。

上一篇：Angular10-创建自定义数组

下一篇：Angular10-MIME类型不受支持问题

相关内容

热门资讯

现有说明如下!广东雀神智能插件... 现有说明如下!广东雀神智能插件是真有挂!原来是真的辅助app(竟然有挂)-哔哩哔哩在进入广东雀神智能...
此事引发广泛关注!指尖四川脚本... 此事引发广泛关注!指尖四川脚本!果然存在有辅助软件(有挂辅助)-哔哩哔哩1、指尖四川脚本透视辅助软件...
据悉!德州之星插件!确实存在有... 据悉!德州之星插件!确实存在有辅助修改器(有挂教学)-哔哩哔哩1.德州之星插件 选牌创建新账号，点击...
此事引发广泛关注!福建兄弟13... 此事引发广泛关注!福建兄弟13水破解版!竟然是真的辅助下载(有挂详细)-哔哩哔哩在进入福建兄弟13水...
更值得关注的是!乾坤互娱辅助!... 更值得关注的是!乾坤互娱辅助!真是有挂辅助插件(有挂细节)-哔哩哔哩1、上手简单，内置详细流程视频教...
据通报!微信小程序途游辅助!好... 据通报!微信小程序途游辅助!好像是真的辅助神器(有挂教学)-哔哩哔哩微信小程序途游辅助辅助器是一种具...
此事引发广泛关注!牛总管辅助免... 您好，牛总管辅助免费版这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩...
截至目前!朋朋政和软件改牌!原... 截至目前!朋朋政和软件改牌!原来真的是有辅助安装(真是有挂)-哔哩哔哩1、下载好朋朋政和软件改牌脚本...
今天上午!浙江游戏大厅修改器!... 今天上午!浙江游戏大厅修改器!原来是真的辅助平台(了解有挂)-哔哩哔哩在进入浙江游戏大厅修改器软件靠...
事发当天!奇迹陕西游戏辅助!好... 事发当天!奇迹陕西游戏辅助!好像真的是有辅助下载(有挂方法)-哔哩哔哩1.奇迹陕西游戏辅助 选牌创建...