上一篇: angularjs – 如何使用angular s... 下一篇:angularjs – 在AWS CloudFront和...

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

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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

有任何想法吗？

@H_618_21@解决方法

使用 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);

      }
  });