Question

我使用以下路由获得 UsersModule ：

export const UsersRoutingModule = RouterModule.forChild([
  {
    path: 'users', component: UsersComponent,
    children: [
      { path: ':id', component: DetailUserComponent },
      { path: 'add', component: AddUserComponent },
      { path: 'edit', component: EditUserComponent }
    ]
  }
]);

问题是，当我访问/users/anything时，它始终显示 DetailUserComponent ，因此，使用子路由，我如何声明users的子路由？< / p>

Answer 1

尝试更改路由

export const UsersRoutingModule = RouterModule.forChild([
  {
    path: 'users', component: UsersComponent,
    children: [
      { path: 'add', component: AddUserComponent },
      { path: 'edit', component: EditUserComponent },
      { path: ':id', component: DetailUserComponent },
    ]
  }
]);

因为在您的路由ID中没有任何限制，所以即使某些内容也可以成为ID

在Angular 2中声明子路由的适当方法

1 个答案: