diff --git a/modules/@angular/integration_test/public_api_spec.ts b/modules/@angular/integration_test/public_api_spec.ts index be89420ef9..862bc901c3 100644 --- a/modules/@angular/integration_test/public_api_spec.ts +++ b/modules/@angular/integration_test/public_api_spec.ts @@ -498,6 +498,8 @@ var ROUTER: string[] = [ 'ROUTER_PROVIDERS', 'Route', 'Router', + 'RouterOutlet', + 'RouterLink', 'DefaultRouterUrlSerializer', 'RouteSegment', 'RouteTree', diff --git a/modules/@angular/router/index.ts b/modules/@angular/router/index.ts index e2c8544624..c8c4942be7 100644 --- a/modules/@angular/router/index.ts +++ b/modules/@angular/router/index.ts @@ -12,27 +12,6 @@ export {RouterUrlSerializer, DefaultRouterUrlSerializer} from './src/router_url_ export {OnActivate, CanDeactivate} from './src/interfaces'; export {ROUTER_PROVIDERS} from './src/router_providers'; -import {RouterOutlet} from './src/directives/router_outlet'; -import {RouterLink} from './src/directives/router_link'; - -/** - * 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. - * - * ``` - * import {Component} from '@angular/core'; - * import {ROUTER_DIRECTIVES, Routes} from '@angular/router'; - * - * @Component({directives: [ROUTER_DIRECTIVES]}) - * @Routes([ - * {...}, - * ]) - * class AppCmp { - * // ... - * } - * - * bootstrap(AppCmp); - * ``` - */ -export const ROUTER_DIRECTIVES: any[] = /*@ts2dart_const*/[RouterOutlet, RouterLink]; +export {RouterOutlet} from './src/directives/router_outlet'; +export {RouterLink} from './src/directives/router_link'; +export {ROUTER_DIRECTIVES} from "./src/directives/router_directives"; diff --git a/modules/@angular/router/src/directives/router_directives.ts b/modules/@angular/router/src/directives/router_directives.ts new file mode 100644 index 0000000000..315ce6fffa --- /dev/null +++ b/modules/@angular/router/src/directives/router_directives.ts @@ -0,0 +1,25 @@ +import {RouterOutlet} from "./router_outlet"; +import {RouterLink} from "./router_link"; + +/** + * 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. + * + * ``` + * import {Component} from '@angular/core'; + * import {ROUTER_DIRECTIVES, Routes} from '@angular/router'; + * + * @Component({directives: [ROUTER_DIRECTIVES]}) + * @Routes([ + * {...}, + * ]) + * class AppCmp { + * // ... + * } + * + * bootstrap(AppCmp); + * ``` + */ + +export const ROUTER_DIRECTIVES: any[] = /*@ts2dart_const*/[RouterOutlet, RouterLink];