Angular 2路由延迟加载 - 路由中的参数

Question

我有一个延迟加载组件和一个参数的问题。 我有两个模块：带有仪表板组件（DashboardComponent）的仪表板模块（DashboardModule）和另一个名为user（UserModule）的模块，其中一个组件（UserComponent）为示例。 UserComponent用于显示一个用户或创建一个新用户。 我想延迟加载模块UserModule。所以，我在我的文件app.routing.ts配置是：现在

export const appRoutes: Routes = [ 
    { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, 
    { path: '**', redirectTo: '/dashboard', pathMatch: 'full' }, 
    { path: 'user', loadChildren: 'app/user/user.module#UserModule' }, 
] 

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

，在我的模块用户，我有一个文件来配置我的路线：user.routing.ts。 而我想为我的两种情况使用相同的路由：如果我的路由中存在某个ID，则显示一个用户，如果ID为空，则创建一个用户。 因此，我想这一点，但它不工作：

const userRoutes: Routes = [ 
    { path: '', component: UserComponent }, 
    { path: ':id', component: UserComponent } // This line does not work 
]; 

@NgModule({ 
    imports: [RouterModule.forChild(userRoutes)], 
    exports: [RouterModule] 
}) 
export class UserRoutingModule { } 

如果我有一个ID我的路线，它不工作，automaticaly路线追溯到用户。 例如：locahost：4200/user/123不起作用，并且有一个重定向到localhost：4200 /用户

我没有在这个案例中找到示例，所以我希望有人会帮助我。

谢谢。

Answer 1

您应该appRoutes