AngularJS UI 路由器 : Get the absolute URL of the state with the parameters

Question

我希望能够在不更改状态的情况下更改地址的 URL，以防止重新渲染。根据我的搜索，ui-router 目前不提供此功能，但来自 anuglar 的 $location.path 提供了。

所以，很自然地，我想使用 $state.get(stateName) 来访问州的 URL，这样我就不用手动输入 URL。

我有两个问题:

1. $state.get(stateName) 仅返回相对路径。如何获取绝对路径？
2. 它还返回状态的定义，但参数未定义。如何获取带有参数的 URL？

例如，如果我有一个名为 user.home.view 且带有 user.home 的状态，则我的状态定义为

'user': {
     abstract: true,
     url: '^/users/'
},
'user.home': {
     url: ''
},
'user.home.view': {
     url: ':id/'
}

现在，$state.get(user.home.view).url 返回:id/。如何获取完整的 URL(即 /users/5/)？

Answer 1

您应该使用$state.href()。

1. 要获取绝对 URL，您可以使用:

   $state.href('user.home.view', {}, {absolute: true});

2. 要获取包含适当参数的 URL，您需要将它们添加为第二个参数