手机上的stateprovider

时间:2016-04-04 14:44:39

标签: javascript angularjs

这是我第一次询问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刚刚在手机上消失,任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

每个州需要一个url属性是我的猜测,所以改变这个

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

到这个

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