## RouterOutlet 相當于一個占位符，在Angular中根據路由狀態動態插入視圖。 ### 如何使用 ```html <router-outlet></router-outlet> <router-outlet name='left'></router-outlet> <router-outlet name='right'></router-outlet> ``` 一個路由插座可以在任何時候組件實例化時發出一個`activate`消息，并且在組件銷毀時發出一個`deactivate`消息。 ```html <router-outlet (activate)="onActivate($event)" (deactivate)="onDeactivate($event)"></route-outlet> ``` ### 類定義 ```typescript class RouterOutlet { constructor(parentOutletMap: RouterOutletMap, location: ViewContainerRef, resolver: ComponentFactoryResolver, name: string) outletMap : RouterOutletMap activateEvents : EventEmitter deactivateEvents : EventEmitter ngOnDestroy() : void isActivated : boolean component : Object activatedRoute : ActivatedRoute deactivate() : void activate(activatedRoute: ActivatedRoute, loadedResolver: ComponentFactoryResolver, loadedInjector: Injector, providers: ResolvedReflectiveProvider[], outletMap: RouterOutletMap) : void } ``` ### 屬性 - outletMap : `RouterOutletMap` - activateEvents : `EventEmitter` - deactivateEvents : `EventEmitter` - ngOnDestroy() : `void` - isActivated : `boolean` - component : `Object` - activateRoute : `ActivateRoutes` - deactivate() : `void` - activate(activatedRoute: `ActivatedRoute`, loadedResolver: `ComponentFactoryResolver`, loadedInjector: `Injector`, providers: `ResolvedReflectiveProvider[]`, outletMap: `RouterOutletMap`) : `void`