javascript - 获取 Angular ui 路由器 $location.search() 以使用基本 URL 参数

Question

我的 ui-router 设置如下

.state('root.event', {
    url : '/event/:id',
    templateUrl : 'templates/event.html'
})

( Controller 在模板中启动)

这看起来很漂亮Basic URL Parameters喜欢:
www.mysite.com/event/1234

当用户直接导航到我的www.mysite.com/event路径(即缺少参数)时，模板 Controller 看起来来自以下任一位置的最新 id 参数:
- 存储在值中的 js 变量
- 本地存储/cookie等

然后我使用 $location.search('id', 1234) 将其返回到我的状态

...但是，这会导致 URL 具有 Query URL Parameters喜欢:
www.mysite.com/event/?id=1234

是否有一种技术可以确保 $stateparams 更新在更新时以基本格式呈现 URL？

...或者是否可以在状态更改之前获取 URL 参数并更新 $state ？
(我查看了 Resolve 但这似乎主要是关于将参数传递给 Controller ​​)​​

我看过了here , here和 here - 但大多数问题都与如何避免在更新 $state 参数时重新加载

Answer 1

$location.search 正是这样做的。它添加了查询 URL 参数。我认为您正在寻找的是

$state.go('root.event', {id: 1234})