AngularJS更改URL但不查看

Question

我们正在使用 angularJS 和 angular ui-router，并希望更改地址栏中的 URL，但保持视图/状态相同。

我曾尝试使用历史推送状态，但与它发生冲突会导致 $digest 无限循环。

我也尝试过sync() https://github.com/angular-ui/ui-router/wiki/Quick-Reference#urlroutersync 中描述的方法——本质上是在$locationChangeSuccess 上调用preventDefault。但是，这似乎不起作用 - 正如这个 plunkr 所证明的那样：http://plnkr.co/pLC2Ai

有人知道这个问题的任何解决方案吗？

Answer 1

当然，我的伙伴！ :)

使用$stateChangeStart，而不是$locationChangeSuccess

Answer 2

你试过history.pushState方法吗？

在 Mozilla 的网站上说：“这将导致 URL 栏显示 http://mozilla.org/bar.html，但不会导致浏览器加载 bar.html，甚至不会检查 bar.html 是否存在。”

history.pushState(stateObj, "page 2", "bar.html");

你可能需要注入 $locationProvider 然后设置 $locationProvider.html5Mode(true)。