Angular - 動態選擇開始狀態

Question

顯然，我的應用程序會自動以默認狀態啓動（具有url：「/」）。我們稱之爲A。

我想在這種情況下堅持一定的條件是真的。這意味着如果x === 4例如，然後我想要狀態B成爲第一個加載。

我的問題是，當我檢查該條件時，例如在app.run中，默認狀態已被加載並顯示在視圖中，然後才切換到狀態B。

有沒有什麼辦法可以阻止狀態加載並在我檢查條件後才能啓動它？

Answer 1

有a working example

正如在評論中討論，我們可以使用本機，內置的功能，與UI-路由器的到來。其中之一是$urlRouterProvider.deferIntercept(defer)

禁用（或啓用）推遲位置變更攔截。

如果您希望自定義同步URL的行爲（例如，如果您希望推遲過渡但保留當前URL），請在配置時調用此方法。然後，在運行時，在配置了自己的$locationChangeSuccess事件處理程序後，請致電$urlRouter.listen()。

一步驟 - 停止執行

所以，我們可以在.config()階段

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

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

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

II定義狀態。步驟 - 初始化什麼需要.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) 

}]); 

硒都等待一秒鐘，然後我們就重新啓用所有執行並重定向到「parent.childd」 ...但可以是任何其他的基礎上，.run()階段做了一些決定

檢查它here

Answer 2

利用resolve。如果你正在使用ngRoute

$routeProvider 
.when('/' ,{ 
    templateUrl: "templates/A.html", 
    resolve:{ 
     "check":function($location){ 
      if(x==4){ 
       $location.path('/B'); 
      } 
     } 
    } 
}) 
.when('/B' ,{ 
    templateUrl: "templates/B.html" 
}) 
.otherwise({redirectTo: '/'});