send "&" in url angular

Question

I'm using the Angular version 12 I want to send the following object in query params:

{
  dynamicQueryOperators: 6&dynamicQueryOperators=8
}

But in the end, the URL that is sent to the server is like this Request URL:

...dynamicQueryOperators=6**%26**dynamicQueryOperators=8

How can I prevent "&" from changing to "%26"?

I'm no angular master, but maybe you could just throw a decodeURIComponent at the other end. for example decodeURIComponent("you %26 me") == 'you & me' — Nitsan BenHanoch
– Nitsan BenHanoch, Commented May 6, 2022 at 15:52
If you don't let it be encoded it will be treated as the start of a new query parameter. — user16912306
– user16912306, Commented May 6, 2022 at 16:00

amir marjani · Accepted Answer · 2022-05-07 19:06:20Z

1

I was able to fix the bug by sending the variable as an array. If you send the variable like below:

this.query['dynamicQueryOperators'] = [6, 8];

Your header will be automatically created with two identical object keys and the character "&" will be placed between them.

answered May 7, 2022 at 19:06

amir marjani

211 silver badge6 bronze badges

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

1 Answer 1