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的只是死在手機上,任何想法如何解決這個問題?
我建議使用$ urlProvider.otherwise( 「/家」);在你的App.config部分的頂部。併爲每個狀態添加url屬性。並刪除您的最後一個代碼塊App.run ... –
我與Niels agrre,ui路由器mayb崩潰時注入它的app.run,因爲他無法解決初始狀態。此外,對於一個適當的統計配置,你必須至少有一個狀態,URL定義爲''作爲根狀態。 – Walfrat
有沒有什麼方法可以解決它,而無需添加網址?我選擇stateProvider的主要原因是URL會保持與用戶更改視圖相同。 – Sayegh