How to get multiple ids from route param in Angular 6?

Question

I want to fetch multiples ids which I am passing while routing in Angular using route.params. This is the route.ts

{path:'section/:id/:id', component: SubsectionsComponent}

And this is how I am routing from a component.ts

onSectionClick(id1, id2){
    this.router.navigate(['/path/',id1,id2], {relativeTo:this.route})
  }

And this is how I am fetching in the component where it routes.

constructor(private route: ActivateRoute){}
this.route.params.subscribe(
      (route)=>{  
        console.log(route)
      }
    )

But it is only logging one id from the params.

use different names in your path. :id1/:id2 for example

Markus Dresch
– Markus Dresch

2019-09-24 09:37:48 +00:00
Commented Sep 24, 2019 at 9:37 — Markus Dresch
– Markus Dresch, Commented Sep 24, 2019 at 9:37

StepUp · Accepted Answer · 2019-09-24 09:44:29Z

5

You should use different names in your path. For example:

{path:'section/:id1/:id2', component: SubsectionsComponent}

And then it becomes pretty simple:

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {
  this.route.paramMap.subscribe( params => {
    this.id_1 = params.get('id1');
    this.id_2 = params.get('id2');

  });
}

answered Sep 24, 2019 at 9:44

StepUp

38.5k16 gold badges95 silver badges159 bronze badges

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

Comments

Aviso · Accepted Answer · 2019-09-24 09:37:37Z

0

You can't have duplicate name for parameters in the route it will overwrite the values.

Use some other name like this.

{path:'section/:id/:id1', component: SubsectionsComponent}

answered Sep 24, 2019 at 9:37

Aviso

6954 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to get multiple ids from route param in Angular 6?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related