在AngularJS中获取未定义的iFrameResize错误

时间:2016-09-12 13:30:35

标签: iframe-resizer

我正在尝试使用以下代码:https://github.com/davidjbradshaw/iframe-resizer

在我的index.html页面中,我已经包含了(并且它确实加载了):

<script src="./Scripts/iframeResizer.js"></script>

在我的iframe内容页面中,我包括:

<script src="iframeResizer.contentWindow.min.js"></script>

我的AngularJS控制器是:

ajs_module.controller("MyController",
        ['$scope', '$window', function ($scope, $window) {

            $scope.iframeLoadedCallBack = function () {
                console.log('Resizing iFrame...');
                iFrameResize({ log: true }); // causes: Uncaught ReferenceError: iFrameResize is not defined
            }
}])

当主页加载并尝试调整iFrame的大小时,我收到错误:

Uncaught ReferenceError: iFrameResize is not defined

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

Angular使用JqLite而不是普通的jquery,可能需要在加载iframeResizer.js脚本之前添加jquery

如果你无法访问全局函数,那应该是因为没有初始化

(检查其他dependendies但我在iframeResize页面中找不到任何其他内容)

答案 1 :(得分:0)

您是否尝试过window.iFrameResize?因为它看起来像是一个范围问题。

无法将其加载到需要js