2016-04-04 46 views
1

這是我第一次問stackoverflow,所以如果我不清楚這個問題,請耐心等待。我正在做一個航班預訂網絡應用程序作爲一個大學項目。我正在使用MEAN堆棧,並且該站點在52.27.150.19上可見。在我開始使用ui-router狀態而不是使用ngRoute的$ routeProvider之前,它在PC和手機上都能正常工作。現在,在手機上,當我點擊任何按鈕時,它甚至不會運行JavaScript動畫或調用任何ng-click函數。下面是我的$ stateProvider作用:stateprovider在手機

App.config(function($stateProvider, $urlRouterProvider) { 
$stateProvider 

    .state('home', { 
     templateUrl: '../partials/home.html', 
     controller: 'ctrl' 
    }) 
    .state('away', { 
     templateUrl: '../partials/home.html', 
     controller: 'away' 
    }) 

.state('book', { 
    templateUrl: '/../partials/Book.html', 
    controller: 'bookingCtrl', 
}) 

.state('flightStatus', { 
     templateUrl: '../partials/flightStatus.html', 
     controller: 'flightStatusCtrl' 
    }) 
    .state('outgoing', { 
     templateUrl: '../partials/outgoingFlights.html', 
     controller: 'outgoingFlightsCtrl' 

    }) 
    .state('myFlightResults', { 
     templateUrl: '../partials/myFlightResults.html', 
     controller: 'myFlightResultsCtrl' 
    }) 
    .state('myFlights', { 
     templateUrl: '../partials/myFlights.html', 
     controller: 'myFlightsCtrl' 
    }) 
    .state('flightStatusResultsDate', { 
     templateUrl: '../partials/flightStatusResults.html', 
     controller: 'flightStatusResultsDate' 
    }) 
    .state('flightStatusResultsPlace', { 
     templateUrl: '../partials/flightStatusResults.html', 
     controller: 'flightStatusResultsPlace' 
    }) 
    .state('payment', { 
     templateUrl:'../partials/payment.html', 
     controller: 'paymentCtrl' 
    }) 
    .state('confirm', { 
     templateUrl:'../partials/confirmation.html', 
     controller: 'confirm' 
    }) 

    .state('return', { 

     templateUrl: '../partials/outgoingFlights.html', 
     controller: 'returnFlightsCtrl' 
    }); 
}); 

,我已經確信,家裏的狀態是inital狀態:

App.run(function($state){ 
$state.go('home'); 
}) 

這似乎是JavaScript的只是死在手機上,任何想法如何解決這個問題?

+0

我建議使用$ urlProvider.otherwise( 「/家」);在你的App.config部分的頂部。併爲每個狀態添加url屬性。並刪除您的最後一個代碼塊App.run ... –

+0

我與Niels agrre,ui路由器mayb崩潰時注入它的app.run,因爲他無法解決初始狀態。此外,對於一個適當的統計配置,你必須至少有一個狀態,URL定義爲''作爲根狀態。 – Walfrat

+0

有沒有什麼方法可以解決它,而無需添加網址?我選擇stateProvider的主要原因是URL會保持與用戶更改視圖相同。 – Sayegh

回答

0

每個國家需要一個url屬性是我的猜測,所以改變這種

.state('confirm', { 
     templateUrl:'../partials/confirmation.html', 
     controller: 'confirm' 
    }) 

這個

.state('confirm', { 
     url: '/confirm', 
     templateUrl:'../partials/confirmation.html', 
     controller: 'confirm' 
    })