URL中的Angular ui-router传递参数

Question

我知道我可以在更改页面时传递参数：

$state.go('index.my_route', {my_param : value});

然后：

function myCtrl($stateParams) {
    console.log($stateParams.my_param);
}

但我需要在URL处使用此参数，然后我想知道如何使用URL字符串传递它并仍然调用$state.go。像这样：

$state.go('index.my_route?my_param=' + value);
> "http://localhost/#/index/my_route?my_param=123"

Answer 1

您的路线应该包含带查询参数的网址。

.state('index.my_route', {
   url: '/index/my_route?my_param',
   ....
});

现在可以使用带参数的$ state.go以相同的方式调用状态。