填写这份《一分钟调查》，帮我们（开发组）做得更好！去填写Home
API 参考手册
API > @angular/router

RouterOutlet

一个占位符，Angular 会根据当前的路由器状态动态填充它。

Acts as a placeholder that Angular dynamically fills based on the current router state.

查看"说明"...

NgModule

选择器

属性

属性说明
@Output('activate')
activateEvents: EventEmitter<any>
@Output('deactivate')
deactivateEvents: EventEmitter<any>
isActivated: boolean只读
component: Object只读
activatedRoute: ActivatedRoute只读
activatedRouteData: Data只读

模板变量参考手册

标识符用途
outlet#myTemplateVar="outlet"

说明

Each outlet can have a unique name, determined by the optional name attribute. The name cannot be set or changed dynamically. If not set, default value is "primary".

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

每当新组件实例化之后，路由出口就会发出一个激活事件；在销毁时则发出取消激活的事件。

A router outlet emits an activate event when a new component is instantiated, and a deactivate event when a component is destroyed.

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

方法

ngOnDestroy()

ngOnDestroy(): void
      
      ngOnDestroy(): void
参数

没有参数。

返回值

void

ngOnInit()

ngOnInit(): void
      
      ngOnInit(): void
参数

没有参数。

返回值

void

detach()

受 RouteReuseStrategy 的指示，从子树中分离开时调用

Called when the RouteReuseStrategy instructs to detach the subtree

detach(): ComponentRef<any>
      
      detach(): ComponentRef<any>
参数

没有参数。

返回值

ComponentRef<any>

attach()

RouteReuseStrategy 的指示，把以前分离的子树重新附加回来时调用

Called when the RouteReuseStrategy instructs to re-attach a previously detached subtree

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

deactivate()

deactivate(): void
      
      deactivate(): void
参数

没有参数。

返回值

void

activateWith()

activateWith(activatedRoute: ActivatedRoute, resolver: ComponentFactoryResolver)
      
      activateWith(activatedRoute: ActivatedRoute, resolver: ComponentFactoryResolver)
参数
activatedRoute ActivatedRoute
resolver ComponentFactoryResolver