угловой параметр 6 url

Question

я передаю слаг на router.navigate, чтобы использовать слаг в другом компоненте

GetTagPost(slug) {
  return this.router.navigate(["blog/view-hot-tags/", slug])
}

У меня должен быть такой URL: http://localhost:4200/blog/view-hot-tags/bb

но при угловом повороте это будет выглядеть так:

http://localhost:4200/blog/view-hot-tags;0=bb

почему ???

другой маршрут, например, документы / single-view /: id 'работает правильно, и параметр будет разделяться на "/" not ";" есть идеи ???

router.ts:

  {path: 'documents',component: DocsComponent},
  {path: 'documents/single-view/:id', component: ViewSingleDocComponent},
  {path: 'documents/single-cat-view/:id', component: ViewSingleCatDocComponent},
  {path: 'blog/:id', component: ViewSingleBlogComponent},
  {path: 'blog/view-hot-tags/:id', component: ViewBlogByTagComponent},
  {path: 'loginM', component: LoginComponent},
  {path: 'login', component: LoginNmComponent},
  {path: '', component: ProductComponent, pathMatch: 'full', 
     data: {breadcrumb: "home"},
  },

component.html:

    <div class="tag_name">
      <a (click)="GetTagPost(tag?.tag)">#{{tag?.tag}}</a>
    </div>

component.ts:

  GetTagPost(slug) {
    return this.router.navigate(["blog/view-hot-tags/", slug])
  }

Answer 1

Попробуйте

GetTagPost(slug) {
return this.router.navigate(["blog/view-hot-tags", { id : slug }]); }

Это обеспечит http://localhost:4200/blog/view-hot-tags?id=bb и будет работать нормально. Это формат строки запроса.

OR

GetTagPost(slug) {
return this.router.navigate(["blog/view-hot-tags/"+slug ]); }

Я бы предоставил http://localhost:4200/blog/view-hot-tags/bb