2015-04-17 12:59:56 -04:00
|
|
|
/**
|
|
|
|
* @module
|
|
|
|
* @description
|
|
|
|
* Maps application URLs into application states, to support deep-linking and navigation.
|
|
|
|
*/
|
|
|
|
|
2015-09-21 22:58:45 -04:00
|
|
|
export {Router} from './src/router/router';
|
2015-04-17 12:59:56 -04:00
|
|
|
export {RouterOutlet} from './src/router/router_outlet';
|
|
|
|
export {RouterLink} from './src/router/router_link';
|
|
|
|
export {RouteParams} from './src/router/instruction';
|
2015-05-28 13:15:52 -04:00
|
|
|
export {RouteRegistry} from './src/router/route_registry';
|
2015-06-22 15:14:19 -04:00
|
|
|
export {LocationStrategy} from './src/router/location_strategy';
|
2015-06-15 17:34:14 -04:00
|
|
|
export {HashLocationStrategy} from './src/router/hash_location_strategy';
|
2015-08-24 15:13:51 -04:00
|
|
|
export {PathLocationStrategy} from './src/router/path_location_strategy';
|
2015-08-11 00:42:47 -04:00
|
|
|
export {Location, APP_BASE_HREF} from './src/router/location';
|
2015-05-04 20:57:28 -04:00
|
|
|
export * from './src/router/route_config_decorator';
|
2015-08-04 18:08:59 -04:00
|
|
|
export * from './src/router/route_definition';
|
2015-07-13 19:13:20 -04:00
|
|
|
export {OnActivate, OnDeactivate, OnReuse, CanDeactivate, CanReuse} from './src/router/interfaces';
|
|
|
|
export {CanActivate} from './src/router/lifecycle_annotations';
|
2015-07-17 16:36:53 -04:00
|
|
|
export {Instruction, ComponentInstruction} from './src/router/instruction';
|
2015-08-18 18:37:27 -04:00
|
|
|
export {OpaqueToken} from 'angular2/angular2';
|
2015-08-20 16:19:18 -04:00
|
|
|
export {ROUTE_DATA} from './src/router/route_data';
|
2015-05-01 08:53:58 -04:00
|
|
|
|
2015-06-22 15:14:19 -04:00
|
|
|
import {LocationStrategy} from './src/router/location_strategy';
|
2015-08-24 15:13:51 -04:00
|
|
|
import {PathLocationStrategy} from './src/router/path_location_strategy';
|
2015-05-01 08:53:58 -04:00
|
|
|
import {Router, RootRouter} from './src/router/router';
|
2015-05-21 19:38:43 -04:00
|
|
|
import {RouterOutlet} from './src/router/router_outlet';
|
|
|
|
import {RouterLink} from './src/router/router_link';
|
2015-05-01 08:53:58 -04:00
|
|
|
import {RouteRegistry} from './src/router/route_registry';
|
|
|
|
import {Location} from './src/router/location';
|
2015-10-11 07:28:56 -04:00
|
|
|
import {ApplicationRef, provide, OpaqueToken, Provider} from 'angular2/angular2';
|
2015-10-09 19:22:07 -04:00
|
|
|
import {CONST_EXPR} from './src/core/facade/lang';
|
|
|
|
import {BaseException} from 'angular2/src/core/facade/exceptions';
|
|
|
|
|
2015-09-03 15:55:08 -04:00
|
|
|
|
2015-09-21 20:17:25 -04:00
|
|
|
/**
|
|
|
|
* Token used to bind the component with the top-level {@link RouteConfig}s for the
|
|
|
|
* application.
|
|
|
|
*
|
2015-10-19 10:37:32 -04:00
|
|
|
* ### Example ([live demo](http://plnkr.co/edit/iRUP8B5OUbxCWQ3AcIDm))
|
2015-09-21 20:17:25 -04:00
|
|
|
*
|
|
|
|
* ```
|
2015-10-11 10:41:19 -04:00
|
|
|
* import {Component} from 'angular2/angular2';
|
2015-09-21 20:17:25 -04:00
|
|
|
* import {
|
|
|
|
* ROUTER_DIRECTIVES,
|
2015-10-11 01:11:13 -04:00
|
|
|
* ROUTER_PROVIDERS,
|
2015-09-21 20:17:25 -04:00
|
|
|
* RouteConfig
|
|
|
|
* } from 'angular2/router';
|
|
|
|
*
|
2015-10-11 10:41:19 -04:00
|
|
|
* @Component({directives: [ROUTER_DIRECTIVES]})
|
2015-09-21 20:17:25 -04:00
|
|
|
* @RouteConfig([
|
|
|
|
* {...},
|
|
|
|
* ])
|
|
|
|
* class AppCmp {
|
|
|
|
* // ...
|
|
|
|
* }
|
|
|
|
*
|
2015-10-11 01:11:13 -04:00
|
|
|
* bootstrap(AppCmp, [ROUTER_PROVIDERS]);
|
2015-09-21 20:17:25 -04:00
|
|
|
* ```
|
|
|
|
*/
|
2015-09-03 15:55:08 -04:00
|
|
|
export const ROUTER_PRIMARY_COMPONENT: OpaqueToken =
|
|
|
|
CONST_EXPR(new OpaqueToken('RouterPrimaryComponent'));
|
2015-05-21 19:38:43 -04:00
|
|
|
|
2015-09-03 19:17:23 -04:00
|
|
|
/**
|
2015-09-21 20:17:25 -04:00
|
|
|
* A list of directives. To use the router directives like {@link RouterOutlet} and
|
|
|
|
* {@link RouterLink}, add this to your `directives` array in the {@link View} decorator of your
|
|
|
|
* component.
|
2015-09-03 19:17:23 -04:00
|
|
|
*
|
2015-10-19 10:37:32 -04:00
|
|
|
* ### Example ([live demo](http://plnkr.co/edit/iRUP8B5OUbxCWQ3AcIDm))
|
2015-09-21 20:17:25 -04:00
|
|
|
*
|
|
|
|
* ```
|
2015-10-11 10:41:19 -04:00
|
|
|
* import {Component} from 'angular2/angular2';
|
2015-10-11 01:11:13 -04:00
|
|
|
* import {ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig} from 'angular2/router';
|
2015-09-03 19:17:23 -04:00
|
|
|
*
|
2015-10-11 10:41:19 -04:00
|
|
|
* @Component({directives: [ROUTER_DIRECTIVES]})
|
2015-09-03 19:17:23 -04:00
|
|
|
* @RouteConfig([
|
2015-09-21 20:17:25 -04:00
|
|
|
* {...},
|
2015-09-03 19:17:23 -04:00
|
|
|
* ])
|
|
|
|
* class AppCmp {
|
|
|
|
* // ...
|
|
|
|
* }
|
|
|
|
*
|
2015-10-11 01:11:13 -04:00
|
|
|
* bootstrap(AppCmp, [ROUTER_PROVIDERS]);
|
2015-09-03 19:17:23 -04:00
|
|
|
* ```
|
|
|
|
*/
|
2015-09-21 20:17:25 -04:00
|
|
|
export const ROUTER_DIRECTIVES: any[] = CONST_EXPR([RouterOutlet, RouterLink]);
|
|
|
|
|
|
|
|
/**
|
2015-10-11 01:11:13 -04:00
|
|
|
* A list of {@link Provider}s. To use the router, you must add this to your application.
|
2015-09-21 20:17:25 -04:00
|
|
|
*
|
2015-10-19 10:37:32 -04:00
|
|
|
* ### Example ([live demo](http://plnkr.co/edit/iRUP8B5OUbxCWQ3AcIDm))
|
2015-09-21 20:17:25 -04:00
|
|
|
*
|
|
|
|
* ```
|
2015-10-11 10:41:19 -04:00
|
|
|
* import {Component} from 'angular2/angular2';
|
2015-09-21 20:17:25 -04:00
|
|
|
* import {
|
|
|
|
* ROUTER_DIRECTIVES,
|
2015-10-11 01:11:13 -04:00
|
|
|
* ROUTER_PROVIDERS,
|
2015-09-21 20:17:25 -04:00
|
|
|
* RouteConfig
|
|
|
|
* } from 'angular2/router';
|
|
|
|
*
|
2015-10-11 10:41:19 -04:00
|
|
|
* @Component({directives: [ROUTER_DIRECTIVES]})
|
2015-09-21 20:17:25 -04:00
|
|
|
* @RouteConfig([
|
|
|
|
* {...},
|
|
|
|
* ])
|
|
|
|
* class AppCmp {
|
|
|
|
* // ...
|
|
|
|
* }
|
|
|
|
*
|
2015-10-11 01:11:13 -04:00
|
|
|
* bootstrap(AppCmp, [ROUTER_PROVIDERS]);
|
2015-09-21 20:17:25 -04:00
|
|
|
* ```
|
|
|
|
*/
|
2015-10-11 01:11:13 -04:00
|
|
|
export const ROUTER_PROVIDERS: any[] = CONST_EXPR([
|
2015-07-06 20:41:15 -04:00
|
|
|
RouteRegistry,
|
2015-10-12 14:30:34 -04:00
|
|
|
CONST_EXPR(new Provider(LocationStrategy, {useClass: PathLocationStrategy})),
|
2015-05-01 08:53:58 -04:00
|
|
|
Location,
|
2015-10-11 01:11:13 -04:00
|
|
|
CONST_EXPR(
|
|
|
|
new Provider(Router,
|
|
|
|
{
|
2015-10-12 14:30:34 -04:00
|
|
|
useFactory: routerFactory,
|
2015-10-11 01:11:13 -04:00
|
|
|
deps: CONST_EXPR([RouteRegistry, Location, ROUTER_PRIMARY_COMPONENT])
|
|
|
|
})),
|
|
|
|
CONST_EXPR(new Provider(
|
2015-10-09 19:22:07 -04:00
|
|
|
ROUTER_PRIMARY_COMPONENT,
|
2015-10-12 14:30:34 -04:00
|
|
|
{useFactory: routerPrimaryComponentFactory, deps: CONST_EXPR([ApplicationRef])}))
|
2015-08-18 17:46:35 -04:00
|
|
|
]);
|
|
|
|
|
2015-10-11 01:11:13 -04:00
|
|
|
/**
|
|
|
|
* @deprecated
|
|
|
|
*/
|
|
|
|
export const ROUTER_BINDINGS = ROUTER_PROVIDERS;
|
|
|
|
|
2015-09-03 15:55:08 -04:00
|
|
|
function routerFactory(registry, location, primaryComponent) {
|
|
|
|
return new RootRouter(registry, location, primaryComponent);
|
|
|
|
}
|
|
|
|
|
2015-10-09 19:22:07 -04:00
|
|
|
function routerPrimaryComponentFactory(app) {
|
|
|
|
if (app.componentTypes.length == 0) {
|
|
|
|
throw new BaseException("Bootstrap at least one component before injecting Router.");
|
|
|
|
}
|
|
|
|
return app.componentTypes[0];
|
2015-08-18 17:46:35 -04:00
|
|
|
}
|