AngularJS UI路由器-更改URL而不重新加载状态

Question

当前，我们的项目正在使用default $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;
}]);

和在 controller

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

我想到的替换routeProvider用ui-router筑巢路线，但无法找到这ui-router。

有可能angular-ui-router吗？

我为什么需要这个？让我用一个例子来解释：
创建新类别的路线是在SAVE /category/new 之后clicking显示的success- alert，我想将路线更改/category/new为/caterogy/23（23-是存储在db中的新项目的id）

Answer 1

只需使用即可$state.transitionTo代替 $state.go。内部$state.go调用，$state.transitionTo但会自动将选项设置为{ location: true, inherit: true, relative: $state.$current, notify: true }。您可以呼叫$state.transitionTo和设置notify: false。例如：

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

可以替换为

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

编辑。

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