Angular 6 Fallback / Redirect, если параметр не определен

Question

Мне бы хотелось, чтобы маршруты были такими:

Базовый маршрут: /events/:date

Событие click перенаправляет на /events, затем файл маршрутов должен будет вернуться к /events/moment().format('YYYY-MM-DD') для отображения EventsComponent.

Внутри EventsComponent у вас есть действие по изменению даты, которое перемещается в соответствии с выбранным вами днем, в этом случае файл маршрутов не должен быть откатным, поскольку определено :date.

Я просто не знаю, как применить это для своих нужд.
Спасибо

Answer 1

Если вам просто нужно избегать навигации, когда параметр даты не определен, у вас должно быть 2 маршрута и добавьте canActivate guard ко второму:

{
   path: 'events',
   component: EventsComponent
},
{
   path: 'events/:date',
   component: EventsDetailComponent,
   canActivate: EventDefinedGuard
}

, где EventDefinedGuard - это защита маршрутизатора , которая проверяет определяемый параметр, в противном случае перенаправляет.