如何为自定义 url 使用路由路径答案

【问题标题】：How to use routing path for the custom url如何为自定义 url 使用路由路径
【发布时间】：2019-06-17 10:53:07
【问题描述】：

如何将以下浏览器 URL 写入 routing.module 路径。我试过这条路径："disciplines:disciplineId:&disciplineView",but 无法访问。

浏览器网址 http://localhost:4200/xxx/disciplines?disciplineId=12975&disciplineView=create

TS 路由

{
    path: "disciplines:disciplineId:&disciplineView",
    component: DisciplinesComponent,
    data: {
      title: 'Disciplines',
      breadcrumb: [
        {
          label: 'disciplines',
          url: '/disciplines'
        },
        {
          label: 'page {{customText}}',
          url: ''
        }
      ]
    },
  }

【问题讨论】：

我认为你需要使用disciplines 作为 url 路径，其他的则是 queryParams。你想要这个数据 disciplineId=12975&disciplineView=create 而不是从 queryParams 获取

标签： angular routing

【解决方案1】：

在路由模块中，您必须像这样指定主 URL（而不是 queryParams）：

 {
    path: "disciplines", component: DisciplinesComponent,
 }

例如，当您想以学科 ID=12975&disciplineView=create 为例时，您必须像这样指定 queryParams ：

1- 使用 routerLink ：

 <a [routerLink]="['/disciplines']" [queryParams]="{disciplineId: 12975,disciplineView: 'create' }"

2- 使用导航方法：

this.router.navigate(['disciplines'], {queryParams: {
  disciplineId: 12975, disciplineView: 'create'
 }
})

【讨论】：