feat(router): export RouterLink and RouterOutlet (#8912)
Makes it possible to individually import RouterLink and RouterOutlet from the router module
This commit is contained in:
parent
f2809d1ed8
commit
1c929031a2
@ -498,6 +498,8 @@ var ROUTER: string[] = [
|
|||||||
'ROUTER_PROVIDERS',
|
'ROUTER_PROVIDERS',
|
||||||
'Route',
|
'Route',
|
||||||
'Router',
|
'Router',
|
||||||
|
'RouterOutlet',
|
||||||
|
'RouterLink',
|
||||||
'DefaultRouterUrlSerializer',
|
'DefaultRouterUrlSerializer',
|
||||||
'RouteSegment',
|
'RouteSegment',
|
||||||
'RouteTree',
|
'RouteTree',
|
||||||
|
@ -12,27 +12,6 @@ export {RouterUrlSerializer, DefaultRouterUrlSerializer} from './src/router_url_
|
|||||||
export {OnActivate, CanDeactivate} from './src/interfaces';
|
export {OnActivate, CanDeactivate} from './src/interfaces';
|
||||||
export {ROUTER_PROVIDERS} from './src/router_providers';
|
export {ROUTER_PROVIDERS} from './src/router_providers';
|
||||||
|
|
||||||
import {RouterOutlet} from './src/directives/router_outlet';
|
export {RouterOutlet} from './src/directives/router_outlet';
|
||||||
import {RouterLink} from './src/directives/router_link';
|
export {RouterLink} from './src/directives/router_link';
|
||||||
|
export {ROUTER_DIRECTIVES} from "./src/directives/router_directives";
|
||||||
/**
|
|
||||||
* 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];
|
|
||||||
|
25
modules/@angular/router/src/directives/router_directives.ts
Normal file
25
modules/@angular/router/src/directives/router_directives.ts
Normal file
@ -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];
|
Loading…
x
Reference in New Issue
Block a user