Угловой - динамически Выберите начальное состояние

Question

Мое приложение автоматически запускается в состоянии по умолчанию (с URL: «/»), очевидно. Назовем это A.

Я хочу сдержать это в случае, если определенное условие является правдивым. Это означает, что если, например, x === 4, то я хочу, чтобы состояние B было первым, которое загружается.

Моя проблема заключается в том, что к тому моменту, когда я проверяю это условие, например, в app.run, состояние по умолчанию уже загружается и отображается в представлении и только затем переключается в состояние B.

Есть ли способ сдержать состояние загрузки и запустить его только после проверки состояния?

Answer 1

Существует a working example

Как обсуждалось в комментариях, мы можем использовать собственные, встроенные функции, приходя с UI-маршрутизатором. Один из них: $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(); 
    } 
]) 

II. шаг - INIT, что необходимо в .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() фазы

Проверить это 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: '/'});