angular - Iframe 不会停止在 Angular 循环中重新加载

标签 angular iframe

我正在使用 tinyMCE 提供内容的论坛页面的评论部分。内容或评论在添加到数据库后在预先存在的评论对象的循环 (*ngFor) 中异步添加。内容由 innerHTML 属性呈现,该属性调用返回解码后的 html 内容的方法。

html代码:

<div [innerHTML]="trustContent(comment)">

方法返回:

this.sanitizer.bypassSecurityTrustHtml(content);

但是,问题是每次我添加或嵌入媒体(iframe)时,例如使用编辑器的 youtube 视频,所有视频/iframe 都会无休止地闪烁和重新加载。欢迎和赞赏任何想法、建议和解决方案!谢谢:)

最佳答案

经过这么长时间,您一定找到了解决方案,但我会按照我解决问题的方式来写。

我遇到了您描述的相同问题,就我而言,我解决它的方法是将 url 的值保存在字符串中,而不是使用函数。

所以与其拥有

<div [innerHTML]="trustContent(comment)">

我用过

<div [innerHTML]="safeContent">

并且在 component.ts

safeContent =  this.sanitizer.bypassSecurityTrustHtml(content);

这为我停止了无限循环

关于angular - Iframe 不会停止在 Angular 循环中重新加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43808971/

相关文章:

javascript - 从动态生成的 iframe 元素获取图像 url

html - 将 iFrame 的左边缘对齐到 -100?

html - 让 youtube.com 在 iF​​rame 中加载

javascript - 如何加载与 html 混合的 JavaScript

angular - 异步函数仅在针对 ECMAScript 2015 或更高版本时可用

angular - 如何在 angular cli 中忽略/排除某些文件/目录

java - 将 Angular 5 应用程序嵌入到 Jsp 项目的另一个应用程序中

javascript - 如何将可观察到的响应转换到本地对象

javascript - 数据表显示 "No data available in table",即使表中有 Angular 数据

javascript - 在不同域的 iframe 中注入(inject)脚本