是否可以在专用“路由器出口”中显示“ PageNotFound”组件?

时间:2018-06-26 15:31:41

标签: angular angular-routing

我想在专用路由器插座中显示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出口中);

0 个答案:

没有答案