Strip url with multiple values in angular

Question

I have a url of this form

http://localhost:8100/my-child/2

When when i click a button i am getting result as

http://localhost:8100/my-child/2/5

How to adjust the url to fit to this form as

http://localhost:8100/my-child/5

This is my code snippet

  this.href = this.router.url;
   console.log(this.router.url);
   this.router.navigateByUrl(this.router.url+id);

Can you please tell me how to adjust the code to get the required output.

Assuming that 2 and 5 are both ids of my-child, you must have you route defined for when you enter my-child/2. Use the same route, pass different param — Julius Dzidzevičius
– Julius Dzidzevičius, Commented Feb 13, 2020 at 4:59

Akash Bhardwaj · Accepted Answer · 2020-02-13 05:07:18Z

3

You should use route params:

export const routes: Routes = [
  { path: '', redirectTo: 'product-list', pathMatch: 'full' }
  { path: 'product-details/:id', component: ProductDetails }
];

Code to navigate to the route:

goToProductDetails(id) {
  this.router.navigate(['/product-details', id]);
}

answered Feb 13, 2020 at 5:07

Akash Bhardwaj

3561 gold badge3 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Strip url with multiple values in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related