AngularJS UI路由器 – 更改url没有重新加载状态

目前我们的项目使用默认$ routeProvider,我使用这个“hack”,更改url而不重新加载页面:

services.service('$locationEx', ['$location', '$route', '$rootScope', function($location, $route, $rootScope) {
    $location.skipReload = function () {
        var lastRoute = $route.current;
        var un = $rootScope.$on('$locationChangeSuccess', function () {
            $route.current = lastRoute;
            un();
        });
        return $location;
    };
    return $location;
}]);

和控制器

$locationEx.skipReload().path("/category/" + $scope.model.id).replace();

我正在考虑用ui-router替换routeProvider用于嵌套路由,但是在ui-router中找不到。

是可能的 – 对angular-ui路由器做同样吗?

为什么我需要这个?
让我用一个例子解释:
创建新类别的路径是/ category / new
单击保存我显示成功警报,我想要更改路线/类别/新到/ caterogy / 23(23 – 是存储在db中的新项目的ID)

最佳答案
简单地说,你可以使用$ state.transitionTo而不是$ state.go。 $ state.go在内部调用$ state.transitionTo,但自动将选项设置为{location:true,inherit:true,relative:$ state。$ current,notify:true}。您可以调用$ state.transitionTo并设置位置:false。例如:

$state.go('.detail', {id: newId}) 

可以替换

$state.transitionTo('.detail', {id: newId}, {
    location: true,
    inherit: true,
    relative: $state.$current,
    notify: false
})

编辑:如fracz建议,它可以简单地是:

$state.go('.detail', {id: newId}, {notify: false}) 

转载注明原文:AngularJS UI路由器 – 更改url没有重新加载状态 - 代码日志