检测 Iframe 中的 AngularJS 更改

【问题标题】：Detect AngularJS Changes in Iframe检测 Iframe 中的 AngularJS 更改
【发布时间】：2018-02-01 16:36:27
【问题描述】：

我们在 iframe 中有一个站点，其中所有更改都是使用 AngularJS 进行的，因此在页面初始加载后 URL 永远不会更改。不知何故，我们需要检测 iframe 中所做的更改/重定向，但我们只能捕获初始加载，之后什么也没有。是否有可能在 iframe 中检测到这些变化？

【问题讨论】：

【解决方案1】：

如果您在 iframe 上工作并在初始加载页面时希望通过 angularjs 进行更改。你可以这样做..

<body ng-controller="myCtrl">
<iframe id="myIframe" src="/angular/iframe/frame2.html"
    onLoad="onLoad()" />

这里就像在 Html 中一样，您可以添加 onLoad 方法并从控制器调用

function onLoad() {
    var ifrm = document.getElementById('myIframe');
    angular.element(ifrm).scope().onIframeLoad(ifrm.src);
}

这是 angularjs 在页面加载时弹出的显示方式

【讨论】：