Javascript 角度-即使不存在href标记，routerLink仍在重新加载

我有以下代码：

<a [routerLink]="['/user/', user.id]">
    {{ user.username }}
</a>

我有两页。第1页和第2页。在这两个页面中，都呈现了一个组件：user-box-component.html，其中包含上述代码

但在第1页，如果我点击“用户名”，它仍然会重新加载页面。在第2页中，如预期的那样，它只重新加载DOM

知道吗，为什么在第1页中，仍然会发生硬重新加载

编辑：

---

更多信息：如果我来到用户页面，routerLink工作得很好。但如果我进入/发现页面，它会使页面重新加载。它会因为没有routerState根而重新加载吗

检查此stackblitz链接。我创建了示例应用程序

虽然这可能不完全是你的情况，但我试着按照你的描述去做

---

如果这不能解决问题，请创建stackblitz链接

显示您的第1页路由file@Lint刚刚用routing.t更新了问题。你能提供一个有效的stackblitz链接吗？很难理解实际问题是什么。你能提供工作演示吗。

// imports removed for clarity

const routes: Routes = [  
  { path: '', component: MainLayoutComponent, children: [
      { path: '', component: SidebarLayoutComponent, children: [
          { path: 'feed', component: HomefeedComponent },
          { path: 'discover', component:DiscoverComponent },
        ]
      },
      { path: 'user/:id', component: UserComponent },

    ]}
];

@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppModuleRouting {}