角UI路由器動態查詢字符串定義

Question

我們有一個搜索頁面，並且有數千個可以由管理面板定義的搜索屬性。 特色搜索結果頁面具有如下網址：

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

當我們想通過使用angular-ui-router用AngularJS將該頁面實現為SPA時，我不明白，我們如何定義該路由配置以及如何從querystring中讀取所有搜索參數。 因為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（） url: '/search'搜索路線的controller

當不帶任何參數調用時，它將返回當前URL的搜索部分（作為對象）。

var searchObject = $location.search();

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

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

對於路線，您可以使用

 url: '/search*' 

所以會匹配