开发应用程序并尝试使用最新的稳定和不稳定版本的 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 中运行的应用程序。
如果您有任何链接,我将热衷于检查出来。干杯。