angular 6 子路由组件未加载？

Question

我有个小问题。

我有应用程序，我在 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> 写入 DatePagesComponent 的 html 文件。这将使与 DatePagesComponent 关联的子路由起作用。

angular 6 子路由组件未加载？

angular 6 children route components is not loading?

typescript

angular

angular6