twitter-bootstrap - 使用 AngularJS 和模式对话框清理 URL

Question

我正在使用 AngularJS + UI Bootstrap 提供的“模态”指令.模式对话框效果很好，但我有一个问题:URL 没有改变。

例如，我的 AngularJS 应用程序为“/people”设置了一个路由，它显示了一个人员列表。当用户点击一个人时，会出现一个模式对话框并显示详细信息。我试图弄清楚如何在不实际导致 $routeProvider 重新执行 Controller 的情况下修改 URL。

例如，我的 route 可能有这样的东西:

$routeProvider.
when('/people', {controller: PeopleCtrl, templateUrl: 'templates/people.html'}).
when('/people/:personId', {controller: PeopleCtrl, templateUrl: 'templates/people.html'}).

然后在我的 PeopleCtrl 我可以这样做:

if ($routeParams.personId) {
    $scope.editPerson({id: $routeParams.personId});
}

这基本上调用了我用 ng-click 在行上绑定(bind)的相同函数。这适用于允许我的应用程序响应/people/123 之类的 URL，但我不知道如何让 URL 从/people 跳转到/people/123，然后作为模态返回/people对话框打开和关闭。

显然，我可以只调用 $location.path("/people") 但问题是 PeopleCtrl 被重新执行，我想避免这种情况，因为应该保留模态“背后”的状态。

换句话说:我正在寻找一种方法来更改 URL/位置，而不会检测到正常的 $routeProvider 更改。

谢谢!

Answer 1

找到 another SO post这正是我想要的:

function MyCtrl($route, $scope) {
    var lastRoute = $route.current;
    $scope.$on('$locationChangeSuccess', function(event) {
        $route.current = lastRoute;
    });
}