Question

我已经在Angular 6中进行了路由并在应用程序中实现了路由，但是当我想检索先前加载的路由的id时遇到了问题。

下面是我的网址：

http://localhost:4200/users/12/task/123

其中12是我的用户ID，而123是我的任务ID。现在，在我的TaskComponent中，我想检索用户id（12）。

我知道这可以通过服务来实现，但只想通过路由来实现。

路线如下：

AppRouting


const routes: Routes = [
    { path: '', component: DashboardComponent }
];
@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule],
})
export class AppRoutingModule { }

用户路由


const routes: Routes = [
  { path: 'users', component:  UsersComponent},
  { path: 'users/:userId', component:  UserComponent},
];
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class UserRoutingModule { }

任务路由


const routes: Routes = [
  { path: 'tasks', component:  TasksComponent},
  { path: 'tasks/:id', component:  TaskComponent},
];
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class TasksRoutingModule { }

从先前加载的路线中提取参数

0 个答案: