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

Question

我想创建一个带有强制参数的路由。如果不是，它应该属于
$urlRouterProvider.otherwise("/home");
当前路线:

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

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

http://myapp/settings//应该是无效路由

http://myapp/settings/123

有任何想法吗？

Answer 1

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

  $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);

      }
  });