Question

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

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

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

$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});
}

这基本上调用了我绑定的同一个函数 - 点击人行。这适用于允许我的应用程序响应像/ 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;
    });
}

使用AngularJS和模态对话框清理URL

1 个答案: