маршрут по умолчанию для конкретной страницы угловой 5

Question

Я использую угловые 5, и я не хочу добавлять поворот по умолчанию, но для конкретной страницы.

например, у меня есть этот маршрут для страницы входа в систему:

  { path: 'log-in', component: LogInComponent }

и я не хочу, чтобы, если пользователь будет пытаться перейти к не выходящим URL, вот так:

log-in/3/4 
log-in/3/4/5
log-in/3/4/5/6

я перенаправил его на "not-found-page 1 ".

но если пользователь будет пытаться перейти на не выходящий URL, который не связан со страницей входа в систему. как это:

registration/3/4
home/3/4

я перенаправил его на "not-found-page 2 "

очевидно, я не могу использовать:

{ path: '**' }

потому что он будет работать для всех страниц как один.

спасибо!

Answer 1

Вы можете использовать { path: '**' }. Но вы должны посмотреть, что маршруты определены в правильном порядке.

Вы можете определить маршрут componentless с помощью child routes с пустым путем, например:

{ path: 'log-in', children: [
  {path : '' , component: LogInComponent }
  {path : '**' , component: notFoundPage1 }
]},
... other routes
{ path : '**' , component: notFoundPage2 }

Таким образом /log-in будет направлено на LogInComponent, потому что туда будут направлены пустые дочерние маршруты, если после /log-in ничего не будет. Все другие маршруты с log-in/* будут направлены на notFoundPage1, потому что второй путь совпадает.

Все маршруты, не связанные с /log-in, будут направлены на notFoundPage2

ПРИМЕЧАНИЕ: Порядок в этой конфигурации важен. Вы можете даже определить другие дочерние маршруты, если хотите. Но path: '**' должен быть в конце, чтобы он мог перехватить все неопределенные дочерние маршруты.

Answer 2

Я думаю, вы можете использовать свою конфигурацию следующим образом

{ path: 'log-in', component: LogInComponent }
{ path: 'log-in/:id/:anotherID', component: notFoundPage1 }
{ path: 'unKnownRoute', component: notFoundPage2 }

PS: это действительно, только если у вас есть определенный набор условий