Угловая страница JS не загружается должным образом в начале

Question

Это моя конфигурация для приложения angularJS.

sampleApp.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise("/Home"); 
    $stateProvider 
    .state('Product', { 
     templateUrl: "templates/Products.html", 
     url: '/Product', 
     controller: 'MainCtrl2 as pc' 
    }) 

    .state('Login', { 
     templateUrl: "templates/Login.html", 
     url: "/Login", 
     controller: 'loginCtrl' 
    }) 
    .state('SignUp', { 
     templateUrl: "templates/SignUp.html", 
     url: "/SignUp", 
     controller: 'SignUpController' 
    }) 
    .state('Home', { 
     templateUrl: "templates/Home.html", 
     url: "/Home" 
    }) 
    .state('Feedback', { 
     templateUrl: "templates/Feedback.html", 
     url: "/Feedback" 
    }) 
    ; 
}); 

Проблема заключается в том, когда я печатаю мое доменное имя example.com сказать, я хочу, чтобы преобразовать в http://example.com/#/Home, но иногда (6 из 10), example.com не меняется на http://example.com/#/Home, поэтому приложение не загружается должным образом.

Как только я нажимаю на любую ссылку в незагруженном приложении, она начинает работать нормально.

Как обеспечить правильную загрузку каждой страницы времени.

Answer 1

Вместо того, добавление в противном случае непосредственно

$urlRouterProvider.otherwise("/Home"); 

попробуйте использовать следующий маршрут

$urlRouterProvider 
    .when('/', function ($state) { 
     $state.go('Home'); 
    }).otherwise('/Home'); 

Answer 2

Вот что я считаю, будет решить вопрос: http://niclassahlin.com/2014/05/31/kickstarting-angular-ui-router/

app.run(['$state', function ($state) {}]) 

По сути вы должны кикстарта маршрутизатор, когда ваше приложение запускается, гарантируя, что в противном случае маршрут является инициатором alised. Не знаете, почему ваше текущее приложение будет спорадически правильно маршрутизироваться, не видя полного кода.