AngularJS routing: Ignore query parameters while routing

Question

This should be simple, but I am not finding the right solution anywhere.

// Routing file
    ...
    .when('/pathA', templateA)
    .when('/pathB', templateB)
    .otherwise({ redirectTo: '/lollz' });

Both paths have a bunch of optional query parameters. The pages work when there are no parameters, but every time I pass a parameter, the router lands on the page /lollz. How can I make the router ignore the query parameters and concentrate only on the sub-paths?

Try .when('/pathA:query', templateA) to return the query parameters. — georgeawg
– georgeawg, Commented Jan 14, 2016 at 8:29
So by using /pathA:query, you were able to see that the question mark ? had gotten mangled. I am glad that helped you debug the problem. — georgeawg
– georgeawg, Commented Jan 14, 2016 at 9:30

mido · Accepted Answer · 2016-01-14 08:55:20Z

1

The issue was somewhere else, I made the mistake of passing query parameters to the $location.path like:

$location.path('/pathA?param1=aaa'); // which kept getting encoded into /pathA%3Fparams1=aaa

once I started passing the query params in chained search , the problem went away:

$location.path('/pathA').search({params1:'aaa'});

answered Jan 14, 2016 at 8:55

mido

25.2k15 gold badges99 silver badges123 bronze badges

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

Collectives™ on Stack Overflow

AngularJS routing: Ignore query parameters while routing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related