Как починить вложенный роутинг?

Question

[zlodiak]

Помогите пожалуйста исправить роутинг. У меня есть 3 компонента: app, mainLayout, hello. Я хотел бы сделать так чтобы шаблон компонента app содержал только:
<router-outlet></router-outlet>

а роуты описывались бы таким правилом:

const routes: Routes = [
  {
    path: '',
    component: MainLayoutComponent,
    children: [
          {
            path: 'hello',
            component: HelloComponent
          }
    ]
  } 
];

То есть при заходе в приложение пользователь бы видел шаблон компонента mainLayout, а если он дописал бы к строке адреса /hello, то видел бы шаблон компонента hello.

Частично я это реализовать здесь.

Answer 1

[210mev]

const routes: Routes = [
  { path: '', component: MainLayoutComponent },
  { path: 'hello', component: HelloComponent },
];

Так не работает?

Comments

[zlodiak]

210mev так я умею. Но я хочу чтобы по-взрослому теперь было, то есть в теми routes, которые я описал)