angular-ui-router – 如何设置强制路由参数

前端之家收集整理的这篇文章主要介绍了angular-ui-router – 如何设置强制路由参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想制作一个有强制参数的路线.如果没有,它应该落入

$urlRouterProvider.otherwise( “/家”);

目前的路线:

function router($stateProvider) {
        $stateProvider.state("settings",{
            url: "^/settings/{id:int}",views: {
                main: {
                    controller: "SettingsController",templateUrl: "settings.html"
                }
            }
        });
    }

目前以下两条路线均有效:

> http://myapp/settings //应该是无效的路线
> http://myapp/settings/123

有任何想法吗?

解决方法

使用 state change start listener检查params是否通过:

$rootScope.$on('$stateChangeStart',function (event,toState,toParams,fromState,fromParams) {
      if(toState.name==="settings")
      {
          event.preventDefault(); //stop state change
          if (toParams.id===undefined)
           $state.go("home");
          else
           $state.go(toState,toParams);

      }
  });

猜你在找的Angularjs相关文章