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`
		
			
				
	
	
		
			23 lines
		
	
	
		
			576 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			23 lines
		
	
	
		
			576 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!doctype html>
 | |
| <html>
 | |
| <head>
 | |
|   <meta charset="UTF-8">
 | |
|   <title></title>
 | |
| </head>
 | |
| <body>
 | |
| <div ng-app="myApp" ng-controller="MyCtrl">
 | |
| 
 | |
| </div>
 | |
| <script src="../../node_modules/angular/angular.js"></script>
 | |
| <script src="../../dist/angular_1_router.js"></script>
 | |
| <script>
 | |
|   angular.module('myApp', ['ngComponentRouter'])
 | |
|     .controller('MyCtrl', ['$rootRouter', function ($rootRouter) {
 | |
|       console.log($rootRouter);
 | |
|       $rootRouter.navigateByUrl('/')
 | |
|         .then(console.log.bind(console, 'resolve'), console.log.bind(console, 'reject'));
 | |
|     }]);
 | |
| </script>
 | |
| </body>
 | |
| </html>
 |