我正在使用 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/