Angular-UI路由器：設置路由中的任意GET參數

Question

是否可以使用angularjs和angular-ui-router在URL中設置任意可選參數？

我想我知道如何提取參數（$stateParam.parameter），但是如何在從一條路線導航到另一條路線時設置它們？簡單地打電話$state.go(newState, {param1: 'foo', param2: 'bar'})似乎不起作用（至少在這種情況下URL不包含?param1=foo&param2=bar）。我不想事先將參數定義爲狀態定義的一部分。我希望他們由用戶填充。

Answer 1

根據documentation，你可以追加?到url。然後，您可以命名每個查詢參數，如下所示：/go-to?param1=hello&param2=world。這是一個很好的閱讀主題：link

此外，如果你想完全任意的參數，你應該使用$location.search()而不是$ stateParams。 （Docs）獲取/通過使用$location.search()設置GET參數的

實施例：

// given url http://example.com/#/some/path?foo=bar&baz=xoxo 
var searchObject = $location.search(); 
// => {foo: 'bar', baz: 'xoxo'} 

// set foo to 'yipee' 
$location.search('foo', 'yipee'); 
// $location.search() => {foo: 'yipee', baz: 'xoxo'}