angularjs – 使用Angular UI-Router更改URL,不执行任何其他操作

发布时间：2020-12-17 17:13:39 所属栏目：安全来源：网络整理

导读：似乎没有内置的方法来更新网址而不运行所有其他进程,例如调用控制器. 选项“reload”,仅适用于$location.search() 是否有方法或方法来实现我怎样才能达到类似的目的： $state.go('stateName',params,{justChangeTheUrl: true}) 使用Angular UI-Router？解

似乎没有内置的方法来更新网址而不运行所有其他进程,例如调用控制器.

选项“reload”,仅适用于$location.search()

是否有方法或方法来实现

我怎样才能达到类似的目的：

$state.go('stateName',params,{justChangeTheUrl: true})

使用Angular UI-Router？

解决方法

如果你只想更改url而不用ui-router处理那个更改,那么你可以使用以下完全可以接受的hack(coffeescript)：

scopeOff = $scope.$on '$stateChangeStart',(e) ->
  e.preventDefault()
  scopeOff()

$location.path 'just/change/the/url'

笔记

通常通过$location.path()更改浏览器URL会触发ui-router开始处理.此处理从名为$stateChangeStart的ui-router特定事件开始.

但是,在上面的代码中,您正在捕获并通过e.preventDefault()丢弃对$stateChangeStart事件的初始调用,从而阻止ui-router处理url更改.

$stateChangeStart事件上的监视是“单独使用”,即代码在一次运行后自动从事件中分离(这是对scopeOff()的调用).

最终效果是更改浏览器中的URL而不触发ui-router处理,并仅将此限制应用于刚更改的URL.整洁,但不像新的deferIntercept功能那样整洁,很快就会出现.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!