angular - 是否可以在专用的“路由器插座”中显示“PageNotFound”组件？

Question

当我想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出口）；

标签： angularangular-routing