1

开发应用程序并尝试使用最新的稳定和不稳定版本的 angularJS 应用程序在除 IE 9 和 IE8 之外的所有浏览器上都能正常加载(可能更低)

尝试调试它看起来 $locationChangeSuccess 广播从未被监听它的对象接收到 $rootScope.$on('$locationChangeSuccess', updateRoute); 因此从不调用 updateRoute 方法。虽然调用了 afterLocationChange 函数。由于在 IE8debugger 中运行的糟糕的 IE10(不会中断我在 angularJS 中设置的断点),我无法调试,因此使用了 console.log 输出。

我正在手动引导,我有一种特定的路由方式,不使用 ng-views,而是使用 ng-include / ng-switch,并向路由添加一个动作属性,然后由主控制器评估该属性并注入到视图用于 ng-switch。我不知道它是否与我路由事物的方式有关,因为它确实似乎从未调用过 updateRoute,但无论如何我这里是代码,以防我错了。

路由定义函数(LOGIN)

{
    LOGIN.config
    (
        [
            '$routeProvider', '$locationProvider', '$dialogProvider',
            function ($routeProvider, $locationProvider, $dialogProvider)
            {
                $locationProvider.html5Mode(true).hashPrefix = '!';

                $routeProvider
                    .when("/", { action: "login" })
                    .when("/forgot_password/", { action: "forgot_password" });
            }
        ]
    );
}

应用控制器

function (LOGIN)
{
    LOGIN.controller(
        'controllerApplication',
        [
            '$scope', '$route',
            function ($scope, $route) {
                var self = this;

                // Update the rendering of the page.
                this.render = function ()
                {
                    // Pull the "action" value out of the currently selected route.
                    var renderAction = $route.current.action;

                    // Also, let's update the render path so that we can start conditionally rendering parts of the page.
                    var renderPath = renderAction.split(".");

                    // Reset the boolean used to set the css class for the navigation.
                    var inLogin     = (renderPath[0] === "login");
                    var inPassword  = (renderPath[0] === "forgot_password");

                    // Store the values in the model.
                    $scope.renderAction = renderAction;
                    $scope.renderPath   = renderPath;
                    $scope.inLogin      = inLogin;
                    $scope.inPassword   = inPassword;
                    $scope.loaded       = false;
                };

                // Listen for changes to the Route.
                // When the route changes, let's set the renderAction model value
                // so that it can render in the Strong element.
                $scope.$on
                (
                    "$routeChangeSuccess",
                    function ($currentRoute, $previousRoute)
                    {
                        // Update the rendering.
                        self.render();
                    }
                );
            }
        ]
    );
}

在我的部分

<div id="main-container" ng-switch on="renderPath[0]">
    <div ng-switch-when="login" ng-include=" 'js/app/login/partials/login.html' "></div>
    <div ng-switch-when="forgot_password" ng-include=" 'js/app/login/partials/forgot-password.html' "></div>
</div>

我在这里记录了一个错误 https://github.com/angular/angular.js/issues/2608

但是没有人有这个问题似乎很奇怪,所以我很想从人们那里得到一些意见。

我还没有看到在 IE8 中运行的应用程序。
如果您有任何链接,我将热衷于检查出来。干杯。

4

1 回答 1

0

我感到很惭愧... :)

在花了一个小时调试并发现 angular 没有为 IE 找到 ng-controller 指令后,我意识到我忘记在 IE 特定的 html 指令中包含相同的控制器......

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" ng-controller="controllerApplication"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en" ng-controller="controllerApplication"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en" ng-controller="controllerApplication"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js" lang="en" ng-controller="controllerApplication"> <![endif]-->
于 2013-05-10T04:25:09.193 回答