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/

相关文章:

Angular 网络包 : Failed to compile

javascript - 具有颜色叠加语法的动态背景图像 - Angular

javascript - 如何将html注入(inject)到iframe中,并在jquery-ui对话框中显示

javascript - 替换 Google map 中的特殊字符

javascript - 在非 Angular 应用托管的 iframe 中使用 Protractor 测试 Angular 应用?

asp.net - (TS) In 'const' enum declarations member initializer must be constant expression

angular - 如何在 Angular 2 的 ag 网格单元中使用 bootstrap popover?

Angular 6 ng-select如何使用模板表达式设置在下拉列表中选择的项目

video - 播放youtube视频后如何隐藏和观看以后的相关视频

javascript - Chrome : jQuery . 高度问题