Angular router navigate set query parameter name from variable

Question

I would like to set the query parameter name dynamically.

this.router.navigate([alternativeRedirect],{ queryParams: { supportContractId: p },})

Is it possible to set supportContractId dynamically:

let parameterName = 'supportContractId'

this.router.navigate([alternativeRedirect],{ queryParams: { parameterName: p },})

If I have understood your question right, you basically want to create queryParams object with dynamic keys? — thisdotutkarsh
– thisdotutkarsh, Commented Sep 8, 2021 at 15:11

TotallyNewb · Accepted Answer · 2021-09-08 15:11:26Z

2

You can define the params object beforehand and set the properties dynamically using the property accessor (aka bracket notation). It would be something along those lines:

let params = {};
params[parameterName] = p;
this.router.navigate([alternativeRedirect],{ queryParams: params})

answered Sep 8, 2021 at 15:11

TotallyNewb

4,8801 gold badge16 silver badges22 bronze badges

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

Comments

thisdotutkarsh · Accepted Answer · 2021-09-08 15:20:52Z

1

According to the ECMAScript2015 language specification, you can create objects with computed keys.

Therefore you can directly do the following,

let parameterName = 'supportContractID'
this.router.navigate([alternativeRedirect],{ queryParams: { [parameterName]: value })

answered Sep 8, 2021 at 15:20

thisdotutkarsh

9806 silver badges7 bronze badges

Collectives™ on Stack Overflow

Angular router navigate set query parameter name from variable

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