我想在专用路由器插座中显示PageNotFound
组件。有没有办法做到这一点?
这样做的原因是在主应用程序UI范围之外显示错误消息组件(其中404是其中之一)-无需导航菜单,徽标,标题等。
模板:
<div class="myapp">
<a routerLinkActive="active"
routerLink="/login">Login</a> |
<a routerLinkActive="active"
routerLink="/home">Home</a> |
<a routerLinkActive="active"
routerLink="/catalog">Catalog</a>
<router-outlet></router-outlet>
</div>
<div class="errors">
<router-outlet name="errors"></router-outlet>
</div>
相关路由:
{ path: '**', component: PageNotFoundComponent, outlet:"errors"}
我希望在PageNotFoundComponent
插座中渲染errors
。现在,它只会导致无法匹配任何路线错误
https://stackblitz.com/edit/angular-router-basic-example?file=app%2Fapp.routing.module.ts
我需要它既可以从外部导航,也可以通过路由器导航(将显示不同的错误组件,但仍在同一errors
出口中);