Как создавать дочерние маршруты

#javascript #angular #typescript

Вопрос:

я только что реализовал breadcrumb для своего проекта, и в файле маршрутов для него требовались дочерние маршруты в дочернем массиве. Поэтому я сделал это:

  {
    path: 'customercreation/:formType',
    component: CustomerCreationComponent,
    data: {
      breadcrumb: 'Customer Creation'
    },
    children: [
      {
        path:
          ':customerId/:stepId/:EntityId',
        component: FormComponent,
        data: {
          breadcrumb: 'Form'
        }
      },
    ]
  },
 

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

Ответ №1:

Вы должны добавить a <router-outlet></router-outlet> в свой CustomerCreationComponent . Там он выведет своих детей.