RouterOutlet — Angular

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

API

class RouterOutlet implements OnDestroy ,OnInit ,RouterOutletContract {
  @Input() name: string;
  @Output('activate') activateEvents: EventEmitter<any>;
  @Output('deactivate') deactivateEvents: EventEmitter<any>;
  @Output('attach') attachEvents: EventEmitter<unknown>;
  @Output('detach') detachEvents: EventEmitter<unknown>;
  readonly @Input() routerOutletData: InputSignal<unknown>;
  readonly isActivated: boolean;
  readonly component: Object;
  readonly activatedRoute: ActivatedRoute;
  readonly activatedRouteData: Data;
  detach(): ComponentRef<any>;
  attach(ref: ComponentRef<any>, activatedRoute: ActivatedRoute): void;
  deactivate(): void;
  activateWith(activatedRoute: ActivatedRoute, environmentInjector: EnvironmentInjector): void;
}

name

string

Имя точки выхода

activateEvents

EventEmitter<any>

deactivateEvents

EventEmitter<any>

attachEvents

EventEmitter<unknown>

Передаёт экземпляр подключённого компонента, когда RouteReuseStrategy предписывает повторно подключить ранее отсоединённое поддерево.

detachEvents

EventEmitter<unknown>

Передаёт экземпляр отсоединённого компонента, когда RouteReuseStrategy предписывает отсоединить поддерево.

routerOutletData

InputSignal<unknown>

Данные, которые будут переданы дочернему инжектору через токен ROUTER_OUTLET_DATA.

Если значение не задано, по умолчанию токену присваивается значение undefined.

isActivated

boolean

component

Object

activatedRoute

ActivatedRoute

activatedRouteData

Data

detach

ComponentRef<any>

Вызывается, когда RouteReuseStrategy предписывает отсоединить поддерево

@returnsComponentRef<any>

attach

void

Вызывается, когда RouteReuseStrategy предписывает повторно подключить ранее отсоединённое поддерево

@paramrefComponentRef<any>

@paramactivatedRouteActivatedRoute

@returnsvoid

deactivate

void

@returnsvoid

activateWith

void

@paramactivatedRouteActivatedRoute

@paramenvironmentInjectorEnvironmentInjector

@returnsvoid

Описание

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

Каждая точка выхода может иметь уникальное имя, задаваемое необязательным атрибутом name. Имя нельзя задавать или изменять динамически. Если оно не задано, используется значение "primary".

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

Именованные точки выхода могут быть целями вторичных маршрутов. Объект Route для вторичного маршрута имеет свойство outlet, указывающее целевую точку выхода:

{path: <base-path>, component: <component>, outlet: <target_outlet_name>}

Используя именованные точки выхода и вторичные маршруты, можно указать несколько целевых точек выхода в одной директиве RouterLink.

Маршрутизатор отслеживает отдельные ветви дерева навигации для каждой именованной точки выхода и формирует представление этого дерева в URL. URL вторичного маршрута использует следующий синтаксис, чтобы одновременно указать основной и вторичный маршруты:

http://base-path/primary-route-path(outlet-name:route-path)

Точка выхода маршрутизатора генерирует событие активации при создании нового компонента и событие деактивации при уничтожении компонента. Событие подключения генерируется, когда RouteReuseStrategy предписывает точке выхода повторно подключить поддерево, а событие отсоединения — когда RouteReuseStrategy предписывает отсоединить поддерево.

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

Экспортируется из

RouterModule