这是我第一次在 stackoverflow 上提问,所以如果我对问题不够清楚,请耐心等待。我正在开发一个航类预订网络应用程序作为大学项目。我正在使用 MEAN 堆栈,并且该站点在 52.27.150.19 上可见。它曾经在 PC 和手机上运行良好,直到我开始使用 ui-router states 而不是使用 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 在手机上就死掉了,知道如何解决这个问题吗?
最佳答案
我猜测每个州都需要一个 url 属性,因此更改此属性
.state('confirm', {
templateUrl:'../partials/confirmation.html',
controller: 'confirm'
})
到此
.state('confirm', {
url: '/confirm',
templateUrl:'../partials/confirmation.html',
controller: 'confirm'
})
关于javascript - 手机上的状态提供商,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36405831/