我正在尝试制作类似 facebook 的模态窗口 - 例如，您单击图像，它会在模态窗口中打开，并且 url 从 / 更改为 /img/dj27s_D 而不重新呈现视图，当您关闭模态窗口时url 回到/。
我发现使用
var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");
只会在下一个$digest 上使应用程序崩溃。我也试过了
$location.path = '';
但什么也没发生。如果我执行
$location.path('/img/id')
$routeProvider 将启动并更改视图。我不希望发生这种情况，只是想在打开模式时临时更改 url。
【问题讨论】：
标签： javascript angularjs single-page-application angularjs-routing route-provider
您可以将路由器设置为使用以前的路由。例如，在您的控制器中以这种方式：
lastRoute = $route.current;
$scope.$on('$locationChangeSuccess', function (e) {
if (window.location.href.match(/\/view/) || window.location.href === '/') {
$route.current = lastRoute;
}
});
$route.current 不变时，不触发整页刷新。您可能希望进行一些正则表达式检查以保持您的 URL 空间整洁以防止刷新，但这是一个很小的代价。
【讨论】：
我建议查看Angular UI-Router。您可能可以使用嵌套状态/嵌套视图来执行您所描述的操作，其中内部视图会弹出模式。您可以根据需要为每个州配置 URL。
编辑：可能有不使用 UI-Router 的方法，但我没有这样做。也许this other SO question 与您有关。
一个带有嵌套视图的 UI 路由器的简单部分示例，您可以将它放在您的控制器中：
$stateProvider.state('site', {
url: "",
templateUrl: 'app/parent.tpl.html',
controller: 'ParentCtrl'
});
$stateProvider.state('site.child', {
url: "/child",
templateUrl: 'app/child.tpl.html',
controller: 'ChildCtrl'
});
然后在父模板中，放这种类型的div：
<div ui-view></div>
这将是子模板在父模板中加载的位置。在子模板中，您可以尝试模态对话框。
【讨论】：