Extra character while using multiple optional parameter in angular route

Question

I am using angularjs router, as the application development is almost done, I cant use UI-router. Recently I implemented two optional parameter in route by following this answer. Here is what I did.

app.when('/someUrl/:param1?/:param2?',{
   templateUrl:'templateurl',
   controller:'controllerName'
});

But when I use $location.path('/someUrl/1234/5678');, the url is adding equivalent hex code of '?' in URL either parameter is available or not.

I am not sure why this parameter is coming even if I am sending parameter. the url is looking like

localhost/someurl/1234%3F/5638%3F

How can avoid this %3F and keep optional routing functionality without using duplicate route definitions.

**Sorry for typo mistake, I already defined routes with :, that is not problem with :.

Satpal · Accepted Answer · 2015-06-03 11:31:07Z

3

%3F is ?, Since you have not provided the : its treated as part of URL thus they are encoded.

You need to use : to define parameter.

app.when('/someUrl/:param1?/:param2?',{
   templateUrl:'templateurl',
   controller:'controllerName'
});

edited Jun 3, 2015 at 11:31

answered Jun 3, 2015 at 11:09

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

5 Comments

Laxmikant Dange Over a year ago

this is not the problem with ':'. I updated my question, by mistake, I forget to mention ':' here in question. Colon is not the problem.

Laxmikant Dange Over a year ago

It is taking the parameters but with '?', I can access parameters with param variable, and the value is included with '?' character

Satpal Over a year ago

@LaxmikantDange, Which version of Angular you are using?

Satpal Over a year ago

@LaxmikantDange, There should not be any problem

Laxmikant Dange Over a year ago

yes there is, is adding extra '?' character as mentioned in optional parameter declaration. if I doesnt pass any parameter then also it is including '?' as parameter

Collectives™ on Stack Overflow

Extra character while using multiple optional parameter in angular route

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related