angular 6 url parameter

Question

im passing slug by router.navigate to use slug in another component

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

i should have url like: http://localhost:4200/blog/view-hot-tags/bb

but angular will turn it like:

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

why???

other route for example documents/single-view/:id' work correctly and parameter will seprate by "/" not ";" any idea ???

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])
  }

My bet is that it's not 'bb', but an array containing a single element 'bb'. — JB Nizet
– JB Nizet, Commented Jul 2, 2018 at 21:18
oh you right @JBNizet its a array angular try to use it as string thanks all — devmrh
– devmrh, Commented Jul 3, 2018 at 4:27

Abhishek Jaiswal · Accepted Answer · 2018-07-03 05:11:33Z

1

Try

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

It would provide http://localhost:4200/blog/view-hot-tags?id=bb and it would work fine. It is querystring format.

OR

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

I would provide http://localhost:4200/blog/view-hot-tags/bb

edited Jul 3, 2018 at 5:11

answered Jul 2, 2018 at 20:03

Abhishek Jaiswal

2531 silver badge18 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Abhishek Jaiswal Over a year ago

Why are you getting that semicolon, and what do you want it to be??

Abhishek Jaiswal Over a year ago

I updated the answer, if none of these are working, then you are not sharing the error causing code.

devmrh Over a year ago

hi thanks for help i found the problem was the slug ,value it seems its a array i cast it as string

Collectives™ on Stack Overflow

angular 6 url parameter

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related