Можно ли отобразить компонент PageNotFound в выделенном маршрутизаторе? - PullRequest
Новая
       6

Можно ли отобразить компонент PageNotFound в выделенном маршрутизаторе?

0 голосов
/ 26 июня 2018

У меня есть сценарий, когда я хочу отобразить компонент PageNotFound в выделенной розетке маршрутизатора. Есть способ сделать это?

Причиной этого является отображение компонентов сообщений об ошибках (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 розетке);

...