Angular 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 ，但是有時（10之6）不能將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) {}])

本質上，您需要在應用運行時啟動路由器，以確保初始化其他路由。 不知道為什么您當前的應用偶爾會正確路由而不看到完整的代碼。