angular2 router avoid url encoding

Question

I am fairly new to Angular 2 and do not know the correct terms to search for in order to get what i need.

I am using Angular 2 RC5 and the RouterModule in my app. When I pass params for a route to navigate to, Angular 2 Router automatically URL encodes it. Now although thats a good thing but is there a way to prevent it for certain params?

For example, I want to add comma separated values in the URL: http://localhost:4200/appcomponent/?data=abc1,abc2,abc3

What angular 2 makes it: http://localhost:4200/appcomponent/;data=abc1%2Cabc2%2Cabc3 (which looks rather messy)

Any suggestions how to make it more readable in URL?

Thanks!

can you specify exact router library that you are using and provide your code? thanks! — wolendranh
– wolendranh, Commented Aug 20, 2016 at 7:57
I am using the default router library from Angular 2 (@angular/router: 3.0.0-rc.1) let paramsObject = {data: 'abc1,abc2,abc3'}; this.router.navigate(['/appcomponent', paramsObject]); — Hassan
– Hassan, Commented Aug 20, 2016 at 9:26
check out my answer below for similar Question: stackoverflow.com/questions/41476193/… — jigar gala
– jigar gala, Commented Feb 2, 2017 at 6:45

null canvas · Accepted Answer · 2016-08-20 09:41:09Z

14

You could navigate by Url instead:

 router.navigateByUrl('/parent/11/(simple//right:user/victor)');

answered Aug 20, 2016 at 9:41

null canvas

10.7k2 gold badges17 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

angular2 router avoid url encoding

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related