我们有一个搜索页面,我们有数千个可以由管理面板定义的搜索属性。一个特征搜索结果页面有这样一个 url:
http://example.com/search?a12=3213&a314=412412&a247=1941829&....
当我们想通过使用 angular-ui-router
将该页面实现为 AngularJS 的 SPA 时,我无法理解,我们如何定义该路由配置以及我们如何读取所有搜索来自查询字符串的参数。因为 ui-router
强制定义路由配置中的每个查询参数可能性,以便在 $stateParams
中使用它们。
$stateProvider.state('search', {
url: '/search?a1&a2&a3&a4&a5' // what about a1314?
controller: function ($stateParams) {
console.log($stateParams.a1314);
}
});
您知道解决方法吗?
最佳答案
你可以在 url: '/search'
搜索路径的 controller
中使用 $location.search()
当不带任何参数调用时,它返回当前 url 的搜索部分(作为对象)。
var searchObject = $location.search();
// => {a12: '3213', a314: '412412'}
console.log(searchObject .a12); //3213
对于你可以使用的路线
url: '/search*'
所以它会匹配
关于javascript - Angular ui-router动态查询字符串定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27696135/