如何在angularjs中动态调整iframe高度？

Question

我创建了以下函数，以便在加载后将iframe元素的高度始终调整为100%：

app.directive('iframeAutoSize', [function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.on('load', function() {
                console.log(element[0]);
                var iFrameHeight = element[0].contentWindow.document.body.scrollHeight + 'px';
                element.css('height', iFrameHeight);
            });
        }
}}]);

用法：

<iframe iframe-auto-size src="..." />

问题：我在启动时遇到以下错误：

Error: Permission denied to access property "document"。

显然，不允许在iframe元素上执行window.document。但我怎么能找到高度？

我更喜欢没有jquery的普通angular / js解决方案。

Answer 1

这不是AngularJS错误，这是SOP Error，iFrame可能是沙箱！

iFrame来自不同的域名？