угловые 6 дочерних компонентов маршрута не загружаются?

Question

У меня есть небольшая проблема.

У меня есть приложение и Ido это в angular 6, и я использую дочерние маршруты

, как это

{
        path:'pages', component:DatePagesComponent,
        children : [
            {path:'404', component:Error404Component},
            {path:'500', component:Error500Component}
        ]
}

и мойHTML выглядит как

<li [routerLinkActive]="['active']"><a [routerLink]="['/pages/404']">404</a></li>
<li [routerLinkActive]="['active']"><a [routerLink]="['/pages/500']">500</a></li>

, и он прекрасно загружает маршрут с помощью URL, но всегда загружает на него component:DatePagesComponent

Если я нажимаю на 404, то URL страницы изменяется, но не на маршрутизатор компонентов

и я пишу

<router-outlet></router-outlet>

в мой app.components.html файл

Подскажите, пожалуйста, что это за проблема и как ее решить.

Answer 1

Вам также нужно записать <router-outlet></router-outlet> в html файл DatePagesComponent.Это позволит вашему дочернему маршруту, который связан с DatePagesComponent работать.