想了解angularjs–AngularUI路由器–强制URL参数？的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于angularjs路由拦截的相关问题，此外，我们还将为您介绍关于Angul

想了解angularjs – Angular UI路由器 – 强制URL参数？的新动态吗？本文将为您提供详细的信息，我们还将为您解答关于angularjs路由拦截的相关问题，此外，我们还将为您介绍关于AngularJs UI路由器 – 一个具有多个URL的状态、AngularJS UI路由器 – 更改url没有重新加载状态、AngularJS UI路由器-更改URL而不重新加载状态、AngularJS UI路由器URL将消失的新知识。

• angularjs – Angular UI路由器 – 强制URL参数？（angularjs路由拦截）
• AngularJs UI路由器 – 一个具有多个URL的状态
• AngularJS UI路由器 – 更改url没有重新加载状态
• AngularJS UI路由器-更改URL而不重新加载状态
• AngularJS UI路由器URL将消失

angularjs – Angular UI路由器 – 强制URL参数？（angularjs路由拦截）

state: app.list
url: /list
controller: appCtrl

state: app.single
url: /single/:id
controller: appCtrl

app.config(function($urlRouterProvider){
    // when there is an single route without param,redirect to /list
      $urlRouterProvider.when('/single/:id',['$match','$state',function($match,$state) {
          if($match.id === ""){
             $state.transitionTo("app.list");
          }
       }
      ]);
});

myApp.controller('MainCtrl',function($state,$stateParams) {
  if($state.current.name == 'app.single' && $stateParams.id === ""){
    $state.transitionTo("app.list");
  }
});

AngularJs UI路由器 – 一个具有多个URL的状态

.state('site.link1',{
    url: '/link1',templateUrl: '/views/link1.html',controller: 'link1Ctrl'
  })

.state('site.link1',{
    url: '/link1,/newlink',...

.state('site.link',{
    url: '/{link}'
    ..
}

$state.go('site.link',{link: 'link1'})
$state.go('site.link',{link: 'link2'})

AngularJS UI路由器 – 更改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();

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

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

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

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

当前，我们的项目正在使用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）

答案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})

AngularJS UI路由器URL将消失

routerapp.config([''$stateProvider'',function($stateProvider){
$stateProvider.state(''login'',{
    url: ''/login'',views: {
        '''': {
            templateUrl: ''page/login/login.html'',controller: ''''
        }
    }
}).state(''device'',{
    url:''/device'',views:{
        '''':{
            templateUrl:''page/main/home.html'',controller: ''''
        },''header@device'':{
            templateUrl: ''page/partials/header.html'',''menu@device'':{
            templateUrl: ''page/partials/menu.html'',''main@device'':{
            templateUrl: ''page/device/device.html'',controller: ''''
        }
    }
}).state(''device.show'',views:{
        ''table@device'':{
            templateUrl:''page/partials/content.html'',controller:''''
        }
    }
})}])