angular具名路由
具名路由时独立于主路由的路由,它不随主路由的切换而切换。适合在主路由页面中插入具名路由用于固定展示的部分。
- 在routes中配置具名路由,outlet后接路由出口的名称。
tyscript:
{ path: 'compose', component: ComposeMessageComponent, outlet: 'popup'},
- 在html中配置:
<a [routerLink]="[ {outlets: { popup: ['compose'] }}]"></a>
<router-outlet name="popup"></router-outlet>