我的行为很奇怪。
我的家长网址有这个。
ProjectsComponent HTML 片段
<a [routerLink]="[contract._id]">{{ contract.name }}</a>
场景1
当我从另一个组件导航到父组件,然后单击上面的链接时,在父组件中,URL 发生变化,但子组件不会加载。
场景2
但是,当我刷新浏览器以便直接登陆到该父组件(而不是从另一个组件导航到它)时,子组件就会加载。
这是路由设置
{
path: 'contracts',
title: 'App | Contracts ',
component: ProjectsComponent,
children: [
{
path: ':id',
component: ModalContainerComponent, // --> does not load in scenario 1
children: [
{ path: '', redirectTo: 'view/personal', pathMatch: 'full' },
{ path: 'view/personal', component: PersonalInformationComponent},
]
}
}
我已经找出了根本原因,并将其作为错误报告给 Angular 团队: https://github.com/angular/angular/issues/55305