如何在角度应用程序中实现路径参数？

Question

我有一个带有几个模块的角度应用程序，我已经实现了路由器，其中不同的URL加载了不同的组件。我的一个网址是路由参数：id ...

const routes: Routes = [
  {path:'', component:SplashComponent},
  {path:'start', loadChildren:'./guest/guest.module#GuestModule'},
  {path:'login', loadChildren:'./admin/admin.module#AdminModule'},
  {path:":id", component:GuestHomepageComponent}
];
@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}

您应该可以访问mysitename.com/username来显示用户个人资料。

使用此解决方案，如果我转到my-site.com/username，则该站点将根据需要路由到用户配置文件。虽然如果我转到my-site.com并单击路由到其中一个模块的链接，然后将其视为routeparam，并尝试路由到用户配置文件，而不是指定要为其加载的组件的路由。该模块的路线。

你如何避免这个问题？在转到my-site.com/username时，angular是否可以忽略RouterConfigs中为其各自模块指定的应用程序的其他路由，然后将RouterConfigs用于这些模块中指定的路由？

谢谢！