Question

我有一个角度指令，可以单独使用加载微调器在模型窗口上显示PDF报告。问题 iframe onload 未在边缘浏览器中触发。基本上我需要在iframe上加载PDF后隐藏我的微调器。我只有Edge的问题，所有浏览器（IE11，FF，Chrome，Safari）都可以正常工作。

这是我的指示。

app.module('app.layout')
        .directive('pdfReport', function() {
            return {
                restrict: 'E',
                scope: {
                    iframesrc: '='
                },
                controller: function($scope) {
                    $scope.showSpinner = false;
                    console.log($scope.showSpinner);

                    $scope.$watch("iframesrc", function(newValue) {
                        if (newValue) {
                            $scope.showSpinner = true;
                            console.log($scope.showSpinner);
                        }
                    });

                    $('#reportIframe').on('load', function() {
                        $scope.showSpinner = false;
                        $scope.$apply();
                        console.log($scope.showSpinner);
                    });

                },
                template: '<div pdf-report-loader show-loader="showSpinner" ngplus-overlay-delay-in="30" ngplus-overlay-delay-out="30" ngplus-overlay-animation="dissolve-animation">' +
                    '<div class="model-spinner"></div>' +
                    '</div>' +
                    '<iframe id="reportIframe"  ng-src="{{iframesrc}}" style="width: 100%; height: 500px;border: solid 1px white;">' +
                    '</iframe>'
            }
        });

Answer 1

这是MS IE11和Microsoft Edge的一个已知问题，但可能已修复IE11而未解决问题：

您可以在此处跟踪问题的状态：

iframe onload未使用Edge浏览器

1 个答案: