Как изменить состояние в ui-route?

Question

[Testtest132]

Сначала определяю состояния в основном модуле приложения:

$urlRouterProvider.otherwise("/fake");

$stateProvider
     .state("loading", {
      views : {
       "" : {
           templateUrl : "partials/loading.html",
           controller  : "AppLoaderController"
        }
      }
   })
     .state("fake", {
        url: "/fake",
        templateUrl :  "partials/fake.html",
        controller  : "AppFakeController" 
     })
...

Затем вызываю метод .run

.run(["$state" , "$urlRouter", function( $state ,  $urlRouter ) {

   if( !Config.loaded ) {
       $state.transitionTo('loading')
     }

}]);

Суть в чем: после инициализации angular приложения нужно проверить загружены ли картинки, если нет - переходим в состояние загрузки и потом редирект на нужную страницу.
Проблема в том, что $state.transitionTo('loading') вообще ничего не делает. Приложение просто переходит по адресу /fake

Comments

[Sergey Romanov]

А почему бы не начать с лоадинг и уже в нем код если загрузились то перешил на фейк?

Answer 1

[alternativshik]

Возможно, тут надо бы nested states использовать?

Comments

[alternativshik]

Ну или state("loading", {
url: '/',
templateUrl : "partials/loading.html",
controller : "AppLoaderController"
}
})

Answer 2

[DarthJS]

насколько я понял ситуацию, нужно использовать resolve и включать прелоудер, когда картинки загрузились прелоудер завершается и открывается страница.

что происходит тут: Config.loaded ? Где выполняется функция загрузки картинок?