这是我第一次询问stackoverflow,所以如果我对问题不够清楚,请耐心等待。我正在做一个航班预订网络应用程序作为大学项目。我正在使用MEAN堆栈,该站点在52.27.150.19上可见。它曾经在PC和手机上正常工作,直到我开始使用ui-router状态而不是使用ngRoute的$ routeProvider。现在在手机上,当我点击任何按钮时,它甚至不运行javascript动画或调用任何ng-click功能。这是我的$ 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'
});
});
我已确定家乡是初始状态:
App.run(function($state){
$state.go('home');
})
似乎javascript刚刚在手机上消失,任何想法如何解决这个问题?
答案 0 :(得分:0)
每个州需要一个url属性是我的猜测,所以改变这个
.state('confirm', {
templateUrl:'../partials/confirmation.html',
controller: 'confirm'
})
到这个
.state('confirm', {
url: '/confirm',
templateUrl:'../partials/confirmation.html',
controller: 'confirm'
})