how to replace space with plus(+) url in angular 5?

Question

I need to remove %20 to + sign angular5 following URL http://localhost:4200/listings?item=peter%20in%20england&id=158525

this.router.navigate(['/listings'], { queryParams: { 'item': searchstring, 'id':id}});

http://localhost:4200/listings?item=peter+in+england&id=158525

Answer 1

You can use replace method here. It will replace all the space with '+'.

this.router.navigate(['/listings'], { queryParams: { 'item': (searchstring||'').replace(/ /g,"+"), 'id':id}});