角度-动态选择起始状态

Question

很明显，我的应用程序自动以默认状态（网址为：“ /”）启动。我们称它为state A。

如果某个条件是真实的，我想坚持一下。这意味着如果x === 4例如，那么我希望状态B成为第一个加载的状态。

我的问题是，例如，当我检查该条件时，app.run默认状态已经被加载并显示在视图中，然后才切换到state B。

有什么方法可以仅在检查条件后才阻止状态加载并启动它吗？

Answer 1

有一个可行的例子

如评论中所述，我们可以使用UI-Router随附的本机内置功能。其中之一是$
urlRouterProvider.deferIntercept（defer）

禁用（或启用）延迟位置更改拦截。

如果您希望自定义同步URL的行为（例如，如果您希望推迟转换但保留当前URL），请在配置时调用此方法。然后，在运行时，$urlRouter.listen()在配置了自己的$locationChangeSuccess事件处理程序之后调用。

I.步骤-停止执行

因此，我们可以定义状态 .config() 相

.config(['$stateProvider', '$urlRouterProvider','$locationProvider',
    function ($stateProvider, $urlRouterProvider,$locationProvider) {

        // States
        $stateProvider
          ...
          .state('parent', {
              ...
          })
          .state('parent.child', { 
              ...
          })
          ;

        ...
        // here we say STOP
        $urlRouterProvider.deferIntercept();
    }
])

二。步骤-初始化.run（）中需要的内容-重新启用执行

这可能是run的一些天真示例：

.run(['$urlRouter', '$timeout', '$state',
  function($urlRouter, $timeout, $state) {

    $timeout(function(){

      // here we turn all on again...
      $urlRouter.sync();
      $urlRouter.listen();

      // there could be some decision, driven by $http load
      // we just use some state as default target
      $state.go("parent.child");
    }, 1000)

}]);

Se会等待一秒钟，然后我们重新启用所有执行并重定向到“ parent.childd” …但根据 .run()
阶段所做的某些决定，可以是其他任何形式

在这里检查