Angular web app中的路由器在同一组件上不工作

我有一个角度路由器的问题

目前我在我的路由器

/HOME

，我想从那里的一个按钮路由到

/HOME\id=123456

我该怎么做？我正在尝试类似的东西：

<a class="app-card bg-petrol"[routerLink]="['/HOME']" [queryParams]="{'id':'123456'}">

---

您应该在链接中使用queryparams。例如：

<a [routerLink]="['HOME ']"  [queryParams]="{'id':'123456'}">

---

您应该在链接中使用queryparams。例如：

<a [routerLink]="['HOME ']"  [queryParams]="{'id':'123456'}">

---

在Angular中，如果希望Angular路由到参数化路径，则需要定义参数化路径。在

app.routing.module.ts

中添加一个同名但具有参数id的新路径

app.routing.module.ts

@NgModule({
  declarations: [ ... ],
  imports: [
    RouterModule.forRoot([ 
      { path: 'HOME', component: HomeViewComponent }, 
      { path: 'HOME/:id', redirectTo: 'HomeViewComponent' } // add new route with id parameter
    ])
  ],
  exports: [
    RouterModule,
  ],
  providers: [],

})
export class AppRoutingModule {}

之后，按如下方式调用您的页面：

<a routerLink="/HOME"  [queryParams]="{'id':'123456'}">

---

这将解决您的问题

在Angular中，如果希望Angular路由到它，则需要定义一个参数化路径。在

app.routing.module.ts

中添加一个同名但具有参数id的新路径

app.routing.module.ts

@NgModule({
  declarations: [ ... ],
  imports: [
    RouterModule.forRoot([ 
      { path: 'HOME', component: HomeViewComponent }, 
      { path: 'HOME/:id', redirectTo: 'HomeViewComponent' } // add new route with id parameter
    ])
  ],
  exports: [
    RouterModule,
  ],
  providers: [],

})
export class AppRoutingModule {}

之后，按如下方式调用您的页面：

<a routerLink="/HOME"  [queryParams]="{'id':'123456'}">

---

这将解决您的问题

我已经添加了我的路由文件，看起来非常不同，我应该如何添加参数？你能创建一个小的stackblitz演示吗。这将更加清楚。另外，请用ony HOME route添加完整的路由文件，因为这将足以提供正确的答案。我已经添加了路由文件，看起来非常不同，我应该如何添加参数？你能创建一个小型stackblitz演示吗。这将更加清楚。此外，请添加完整的路由文件与ony家庭路线，因为这将足以提供正确的答案。