出現問題的模塊:
燕麥企業云盤 后臺管理和購買中心

通過不停注釋代碼, 我一步步縮小問題代碼范圍, 最終定位為IE8注冊window的resize事件有問題

有問題的代碼:

angular.module("commons.directives").directive("qyResize", [
    '$window',
    qyResize
]);

function qyResize($window) {
    'use strict';

    return {
        restrict: 'EA',
        replace: false,
        transclude: false,
        link: function (scope, elem, attrs) {
            $(window).resize(function () {
                location.reload();
            });
        }
    };
}

修復以后的代碼:

angular.module("commons.directives").directive("qyResize", [
    '$window',
    qyResize
]);

function qyResize($window) {
    'use strict';

    return {
        restrict: 'EA',
        replace: false,
        transclude: false,
        link: function (scope, elem, attrs) {

            var winWidth = $(window).width(),
                winHeight = $(window).height(),
                resizeTimeout = null;

            $(window).resize(function () {
                var onResize = function () {
                    //The method which alter some css properties triggers
                    //window.resize again and it ends in an infinite loop
                    location.reload();
                };

                //New height and width
                var winNewWidth = $(window).width(),
                    winNewHeight = $(window).height();

                // compare the new height and width with old one
                if (winWidth != winNewWidth || winHeight != winNewHeight) {
                    window.clearTimeout(resizeTimeout);
                    resizeTimeout = window.setTimeout(onResize, 10);
                }
                //Update the width and height
                winWidth = winNewWidth;
                winHeight = winNewHeight;
            });
        }
    };
}

這個問題是因為IE8的resize事件觸發有問題, 它在剛進入頁面時一定會觸發該事件.

angular版本的登錄和注冊功能沒有問題是因為他們中沒有用到qy-resize