Angular2 routing with lazy modules

Question

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

Например, у меня есть ленивый модуль под названием AnimalsModule, и я хочу, чтобы этот модуль обрабатывал 2 маршрута «/ cats» и «/ dogs».

В текущем маршрутизаторе api Мне нужно указать общий путь для всех ленивых маршрутов модуля, например: «животные/собаки» и «животные/кошки».

{ 
    path: "animals", 
    loadChildren: "animals" 
} 

Я могу указать пустой путь для AnimalsModule:

{ 
    path: "", 
    loadChildren: "animals" 
}, 
{ 
    path: "foo", 
    component: FooComponent 
} 

Но в этом случае AnimalsModule будет ненужным загружен, когда пользователь переходит на "/ Foo" ресурс.

Если я создаю маршруты «животные/кошки» и «животные/собаки», и в будущем я хочу реорганизовать свой код, чтобы разделить AnimalsModule на DogsModule и CatsModule (также ленивый), мне придется разорвать маршруты моих приложений. (то же самое для слияния)

Как создать маршрутизацию с ленивым модулем без общего пути?

Answer 1

Маршруты имеют свойство matcher property see docs, где вы можете указать свою логику соответствия маршрутов, но, как в комментарии к вопросу, я бы действительно создал два маршрута или даже разделить их на 2 модуля (более вероятно).