iframe 在第一次加载后不解析来自控制器的值

Question

我正在使用 Angular js 框架，并且在 ng-dialog 中有一个 iframe 标签。我将 src 作为

var SrcUrl=staticurl+dynamicUrl;
$scope.IframeSrcUrl=$sce.trustAsResourceUrl(SrcUrl);

在 html 中

<iframe src="{{IframeSrcUrl}}" name="frame2" id="frame2" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto" onload="" allowtransparency="false" height="350px" width="100%" ></iframe> 

iframe 将在其初始加载时解析正确的 url。但如果我关闭 ng-dialog 并再次打开它；它会将“IframeSrcUrl”视为字符串，将其作为我的基本 url 的参数，并将返回 404 错误。 我试过 ng-src 而不是 src.. 但它也没有用..

这里的 staticurl 是一个外部托管的站点，而 dynamicUrl 是一个动态生成的参数。每当我执行某些操作时，例如单击按钮时，我需要启动 ng - 对话框，该对话框通过 iframe 重定向到 IframeSrcUrl。 现在的问题是，在第二次加载时，iframe 将 IframeSrcUrl 视为字符串并尝试重定向到 "http://localhost:1337/%7B%7BIframeSrcUrl%7D%7D"

Answer 1

在拨号盒的load 事件中，试试这个： document.getElementById('frame2').src = document.getElementById('frame2').attr('data-src') 并将属性 data-src={{IframeSrcUrl}} 放在你的 iframe 上。