How To Encode Query Params Containing Special Characters In Angular 7?

I am trying to encode query parameter values in Angular 7. But I get 400 Bad Request status code, when my query parameter values contain any special character Failed Request URL: h

Solution 1:

you can decode your params using:

decodeURIComponent(encodedURI_string)

more information here

Solution 2:

Agree, and you can do a general change with urls problems with chars in urlserializer: https://angular.io/api/router/DefaultUrlSerializer https://angular.io/api/router/UrlSerializer

You can overwrite this in app.module.ts (provide:{..,..}) You can see this: Angular 2 - Implement UrlSerializer

regards