a1c3be21ec
The singleton service that represents the top level router was called `$router` but this is confusing since there are actually lots of routers, which depend upon where you are in the DOM. This is similar to the situation with scopes. This commit clarifies this singleton by renaming it to `$rootRouter`. BREAKING CHANGE: The `$router` injectable service has been renamed to `$rootRouter`
72 lines
2.4 KiB
JavaScript
72 lines
2.4 KiB
JavaScript
|
|
angular.module('ngComponentRouter').
|
|
value('$route', null). // can be overloaded with ngRouteShim
|
|
// Because Angular 1 has no notion of a root component, we use an object with unique identity
|
|
// to represent this. Can be overloaded with a component name
|
|
value('$routerRootComponent', new Object()).
|
|
factory('$rootRouter', ['$q', '$location', '$$directiveIntrospector', '$browser', '$rootScope', '$injector', '$routerRootComponent', routerFactory]);
|
|
|
|
function routerFactory($q, $location, $$directiveIntrospector, $browser, $rootScope, $injector, $routerRootComponent) {
|
|
|
|
// When this file is processed, the line below is replaced with
|
|
// the contents of `../lib/facades.es5`.
|
|
//{{FACADES}}
|
|
|
|
var exports = {
|
|
Injectable: function () {},
|
|
OpaqueToken: function () {},
|
|
Inject: function () {}
|
|
};
|
|
var require = function () {return exports;};
|
|
|
|
// When this file is processed, the line below is replaced with
|
|
// the contents of the compiled TypeScript classes.
|
|
//{{SHARED_CODE}}
|
|
|
|
//TODO: this is a hack to replace the exiting implementation at run-time
|
|
exports.getCanActivateHook = function (directiveName) {
|
|
var factory = $$directiveIntrospector.getTypeByName(directiveName);
|
|
return factory && factory.$canActivate && function (next, prev) {
|
|
return $injector.invoke(factory.$canActivate, null, {
|
|
$nextInstruction: next,
|
|
$prevInstruction: prev
|
|
});
|
|
};
|
|
};
|
|
|
|
// This hack removes assertions about the type of the "component"
|
|
// property in a route config
|
|
exports.assertComponentExists = function () {};
|
|
|
|
angular.stringifyInstruction = function (instruction) {
|
|
return instruction.toRootUrl();
|
|
};
|
|
|
|
var RouteRegistry = exports.RouteRegistry;
|
|
var RootRouter = exports.RootRouter;
|
|
|
|
var registry = new RouteRegistry($routerRootComponent);
|
|
var location = new Location();
|
|
|
|
$$directiveIntrospector(function (name, factory) {
|
|
if (angular.isArray(factory.$routeConfig)) {
|
|
factory.$routeConfig.forEach(function (config) {
|
|
registry.config(name, config);
|
|
});
|
|
}
|
|
});
|
|
|
|
var router = new RootRouter(registry, location, $routerRootComponent);
|
|
$rootScope.$watch(function () { return $location.url(); }, function (path) {
|
|
if (router.lastNavigationAttempt !== path) {
|
|
router.navigateByUrl(path);
|
|
}
|
|
});
|
|
|
|
router.subscribe(function () {
|
|
$rootScope.$broadcast('$routeChangeSuccess', {});
|
|
});
|
|
|
|
return router;
|
|
}
|