目前我们的项目使用默认$ 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',{notify: false})