Как добавить 2 не SPA-странички?

Question

[zlodiak]

Задача странная, но помогите пожалуйста её решить.

1.
В angular6 я сделал 3 странички с роутингом старого стиля(то есть url с решёткой). Этого я добился при помощи возможности, которую разработчики фреймворка оставили для обратной совместимости:

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],

2.
Далее мне понадобилось сделать чтобы при заходе пользователя на страничку /login происходил рефреш страницы. То есть по сути страница /login работает не как SPA, а остальные страницы работают как SPA. Этого я добился так:
tpl:

<a href="/login">Login</a> |

    <a routerLinkActive="active" 
       routerLink="/home">Home</a> | 

    <a routerLinkActive="active" 
      routerLink="/catalog">Catalog</a> 
      
    <router-outlet></router-outlet>

router:

imports: [
    RouterModule.forRoot([
      { path: '', redirectTo: '/login', pathMatch: 'full'},
      { path: 'login', component: LoginViewComponent },
      { path: 'home', component: HomeViewComponent },
      { path: 'catalog', component: CatalogViewComponent },
      { path: '**', redirectTo: 'login' }
    ], { useHash: true })
  ],

3.
Теперь мне хотелось бы чтобы таких страничек было 2. То есть чтобы происходил рефреш когда пользователь переходит на страницы /login и /home

Помогите пожалуйста такое реализовать. Вот тут LIVE DEMO с описанным выше примером