Angular ui-router dynamic querystring definition

Question

We have a search page and we have thousands of search attributes that can define by an admin panel. A characteristic search result page has a url like that:

http://example.com/search?a12=3213&a314=412412&a247=1941829&....

When we want to implement that page as a SPA with AngularJS by using angular-ui-router, I couldn't understand, how can we define that route configuration and how can we read all search parameters from querystring. Because ui-router forces to define every queryparam possibilities on route configuration to use them in $stateParams.

$stateProvider.state('search', {
    url: '/search?a1&a2&a3&a4&a5' // what about a1314?
    controller: function ($stateParams) {
        console.log($stateParams.a1314);
    }
});

Do you know a workaround?

I believe there is no official solution yet: github.com/angular-ui/ui-router/issues/84, but there are some workarounds like this: github.com/angular-ui/ui-router/issues/202 — L42y
– L42y, Commented Dec 31, 2014 at 7:38

A.B · Accepted Answer · 2014-12-29 21:37:34Z

2

you can use $location.search() in url: '/search' search route's controller

it return search part (as object) of current url when called without any parameter.

var searchObject = $location.search();

// => {a12: '3213', a314: '412412'}

console.log(searchObject .a12); //3213

and for route you can use

 url: '/search*'

so it will match

edited Dec 29, 2014 at 21:37

answered Dec 29, 2014 at 21:26

A.B

20.5k3 gold badges43 silver badges74 bronze badges

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

2 Comments

Murat Çorlu Over a year ago

The main problem is, if a url comes with a query param that not defined in route config, ui-router removes it from url and shows page without it.

Murat Çorlu Over a year ago

How will I generate a link to that url?

Collectives™ on Stack Overflow

Angular ui-router dynamic querystring definition

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related