Проблема с маршрутизацией на разные компоненты с Angular 8

Question

Я пытаюсь выполнить маршрутизацию к различным компонентам по одному и тому же пути, но это не сработает.

/schedule -> shall load the ScheduleComponent
/schedule/123 -> shall load the EventComponent ('123' is a dynamic path, so that it is not an option to write it to children's path)

Вот код:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ScheduleComponent }    from './schedule.component';
import { EventComponent }       from '@app/modules/event/event.component';

const routes: Routes = [
{
    path: '', 
    component: ScheduleComponent,
    children: [
        { 
            path: '**', 
            component: EventComponent 
        }
    ]
}
];

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
})
export class ScheduleRoutingModule { }

Но я Я делаю что-то не так и не могу найти ошибку, потому что EventComponent вызывается в любом случае, даже если не указан дополнительный путь. Что не так с моим кодом?

Спасибо!

Answer 1

Вы не указали ни одного маршрута в своем примере кода. Заданный вами путь «**» используется для «страница не найдена», если пользователь переходит на несуществующий маршрут.

Дополнительные сведения о маршрутах можно найти в официальной документации * 1004. *

 const routes: Routes = [
       { path: '/schedule', component: ScheduleComponent },
       { path: '/schedule/:id', component: EventComponent },
    ];