5

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

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

例如，我的路线中可能有这样的东西：

$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 在行上绑定的相同函数。这适用于允许我的应用程序响应 /people/123 之类的 URL，但我不知道如何让 URL 从 /people 跳转到 /people/123，然后作为模态返回 /people对话框打开和关闭。

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

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

谢谢！

4

1 回答 1

5

找到了另一个 SO 帖子，它完全符合我的要求：

function MyCtrl($route, $scope) {
    var lastRoute = $route.current;
    $scope.$on('$locationChangeSuccess', function(event) {
        $route.current = lastRoute;
    });
}
于 2013-07-04T00:46:55.987 回答