How to change state in ui-route?

Question

JavaScript

First, I define the states in the main application module:

$urlRouterProvider.otherwise("/fake");

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

Then I call the .run method

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

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

}]);

The bottom line is: after initializing the angular application, you need to check if the pictures are loaded, if not, go to the loading state and then redirect to the desired page.
The problem is that $state.transitionTo('loading') does nothing at all. The application simply navigates to /fake

Answer 1

Perhaps nested states should be used here?

Answer 2

as far as I understand the situation, you need to use resolve and turn on the preloader, when the pictures are loaded, the preloader ends and the page opens.
what happens here: Config.loaded ? Where is the image upload function?