Angular ui-router动态查询字符串定义

Question

我们有一个搜索页面,我们有数千个可以由管理面板定义的搜索属性.特征搜索结果页面有一个这样的URL:

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

当我们想通过使用AngularJS将该页面实现为SPA时angular-ui-router,我无法理解,我们如何定义该路由配置以及如何从查询字符串中读取所有搜索参数.因为ui-router强制在路由配置中定义每个queryparam可能性以使用它们$stateParams.

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

你知道一个解决方法吗？

Answer 1

url: '/search'您可以在搜索路线中使用 $location.search()controller

当不带任何参数调用时，它返回当前 url 的搜索部分（作为对象）。

var searchObject = $location.search();

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

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

对于路线你可以使用

 url: '/search*' 

所以它会匹配