打开 ui 引导模式时，Angularjs 更改 url 而不更改状态。模式关闭时将 url 恢复到以前的状态[重复]

Question

我正在尝试实现 Pinterest 样式的列表页面，单击图钉会打开详细信息弹出窗口，并且 URL 会更改为 http://pinterest.com/pin/123456 之类的内容。但后面的页面完好无损。弹窗关闭后，后面的页面还在。

我已经检查了 history api 的类似功能，以更改浏览器的 url 而无需使用“pushState”功能刷新页面。

我想在 Angular 中实现相同的功能，但是一旦通过 pushState 更改浏览器的 url，由于默认的“状态更改”事件，后台页面会重新加载。

有什么想法值得赞赏吗？

Answer 1

使模态状态成为主状态的子状态，

在这种情况下，主页将保持不变，并且作为该状态子级的模态将使用新 URL 触发，而不会真正刷新背景。