javascript - AngularJS 与 IE 兼容模式

Question

我的 angularJS(AngularJS v1.3.0-beta.3) 应用程序在 IE10 兼容模式下崩溃。它在 FF、Chrome 和 IE11 中运行良好。这是我在控制台中得到的错误:

Multiple directives [login, login] asking for 'login' controller on: <div>

为了设置应用程序的状态，我创建了一个节点:

link: function ($scope, $element, $attrs) {
    ....
$element.html('<login></login>');
    $compile($element.contents())($scope); // crash happens here
    ....
}

这是我的登录指令:

widgets.directive('login', ['$compile', '$http', 'resourceLoader', function ($compile, $http, resourceLoader) {
    return {
        restrict: 'AE',
        replace: true,
        template: '<div></div>',
        controller: function ($scope, $element) {
            $scope.user.isLogged = false;
            $scope.user.password = undefined;

            $scope.submitLogin = function () {
                // code that goes to server
            };
        },
        link: function ($scope, $element, $attrs) {
            resourceLoader.get('templates', 'profile', 'unlogged/login', 'jquery.min', function (template) {
                $element.html(template);
                $compile($element.contents())($scope);
            });
        }
    };
}]);

有什么想法吗？谢谢。

Answer 1

主要问题是 Angular 1.3 不支持旧版本的 Internet Explorer，更具体地说是 IE8 或更低版本。将 IE10 置于兼容模式将使浏览器在某些布局和功能方面就像旧版浏览器一样运行。向后兼容性问题可能是这里的罪魁祸首。

Angular的建议是保持在1.3以下的版本以保证兼容性。

引用资料:

参见 Angular's post on the 1.3 update并审查Compatibility Mode settings以进一步阅读这些问题。