Angularjs UI引导程序在打开时临时更改URL,并在关闭时恢复为原始URL

Question

我想在打开ui bootstrap模式时暂时更改浏览器URL(后面的页面应保持原样,只有url更改).当模态关闭时,URL应该恢复为原始模式.

脚步 :

1. 用户加载页面
   • 网址:xyz.com/home
2. 用户点击链接打开模态
   • url:xyz.com/detail/123
   • 可能的解决方案:使用html5推送状态更改URL
   • 问题:Angular ui-router尝试按照更改的URL运行其路由,最终更改后台页面.
3. 用户关闭模态
   • 网址:xyz.com/home
   • 可能的解决方案:html5 pop状态
   • 问题:重新加载背景页面,这会杀死目的

示例实现:Pinterest引脚及其引脚详细信息弹出.

Answer 1

设法使用https://github.com/christopherthielen/ui-router-extras/tree/gh-pages/example/stickymodal来实现这一点