Компонент RouterOutlet

Stable Directive

Что он делает

Выступает в качестве места-заполнителя, которое Angular динамически заполняет на основе текущего состояния маршрутизатора.

Как использовать

<router-outlet></router-outlet>
<router-outlet name='left'></router-outlet>
<router-outlet name='right'></router-outlet>

Компонент RouterOutlet будет генерировать событие activate каждый раз, когда создается новый компонент, и событие deactivate, когда он уничтожается.

<router-outlet
  (activate)='onActivate($event)'
  (deactivate)='onDeactivate($event)'></router-outlet>

Обзор класса

class RouterOutlet implements OnDestroy {
  constructor(parentOutletMap: RouterOutletMap, location: ViewContainerRef, resolver: ComponentFactoryResolver, name: string)
  
  
  outletMap : RouterOutletMap
  activateEvents : EventEmitter
  deactivateEvents : EventEmitter
  ngOnDestroy() : void
  locationInjector : Injector
  locationFactoryResolver : ComponentFactoryResolver
  isActivated : boolean
  component : Object
  activatedRoute : ActivatedRoute
  detach() : ComponentRef<any>
  attach(ref: ComponentRef<any>, activatedRoute: ActivatedRoute)
  deactivate() : void
  activate(activatedRoute: ActivatedRoute, resolver: ComponentFactoryResolver, injector: Injector, providers: ResolvedReflectiveProvider[], outletMap: RouterOutletMap) : void
}

Селекторы

router-outlet

Описание класса

Конструктор

constructor(parentOutletMap: RouterOutletMap, location: ViewContainerRef, resolver: ComponentFactoryResolver, name: string)

Подробности класса

outletMap : RouterOutletMap

activateEvents : EventEmitter

deactivateEvents : EventEmitter

ngOnDestroy() : void

locationInjector : Injector

locationFactoryResolver : ComponentFactoryResolver

isActivated : boolean

component : Object

activatedRoute : ActivatedRoute

detach() : ComponentRef<any>

attach(ref: ComponentRef<any>, activatedRoute: ActivatedRoute)

deactivate() : void

activate(activatedRoute: ActivatedRoute, resolver: ComponentFactoryResolver, injector: Injector, providers: ResolvedReflectiveProvider[], outletMap: RouterOutletMap) : void

экспортируется из @angular/router/index, определен в @angular/router/src/directives/router_outlet.ts