Angular какая розетка маршрутизатора используется

Question

Я новичок в Angular, и я получаю, что шаблоны компонентов загружаются ниже точки выхода маршрутизатора. Тем не менее, я действительно запутался, когда есть несколько вложенных дочерних маршрутов. Я действительно изо всех сил пытаюсь быстро выяснить, какой выход маршрутизатора будет использоваться при наличии нескольких вложенных дочерних маршрутов. Что такое «хитрость», чтобы узнать, какая розетка маршрутизатора будет использоваться? Что я должен понимать, что я не понимаю? Может быть, есть способ упорядочить вещи, чтобы было легче понять, куда будет загружен конкретный компонент?

Answer 1

Каждый router-outlet должен относиться обратно к модулю маршрутизации родительских модулей, например,

. Если у меня было app.routing.module.ts, то оно импортируется, тогда app.module.ts, что означает любой router-outlets в любом из компоненты в app.module.ts будут относиться к app.routing.module.ts

<router-outlet></router-outlet> <-- app.routing.module.ts

, теперь в случае вложенного router-outlet

скажем, в моем app.module.ts у меня есть user.module.ts, теперь для того, чтобы этот модуль (user.module.ts) имел независимую маршрутизацию, ему нужно будет импортировать модуль маршрутизации, подобный user.routing.module.ts, и то же самое применимо, если я добавлю router-outlet в любой компонент внутри user.module.ts, он будет использовать user.routing.module.ts, а не app.routing.module.ts

app.component.html
   <router-outlet></router-outlet> <-- app.routing.module.ts
       user.component.html
          <router-outlet></router-outlet> <-- user.routing.module.ts

Итак, самый простой способ думать об этом: к какому модулю вашего маршрутизатора-розетки относится ваш router-outlet.

Что касается организации .. Вы можете поместить комментарии рядом с router-outlet, чтобы вам было проще?

<!-- app.router.module.ts -->
<router-oulet></router-outlet>