javascript - 手机上的状态提供商

标签 javascript angularjs

这是我第一次在 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/

相关文章:

javascript - 无法让 ng-repeat 列出对象中的用户 |没有错误信息

javascript - 消除换行符 - javascript

javascript - jquery load() - 无法加载谷歌地图

javascript - Python 抓取网站获得 Apache Tomcat/6.0.36 - 错误报告

javascript - AngularJS ngIf 阻止在指令中查找元素

javascript - Angular HTTP 在第一次点击时不起作用

javascript - ReactJs - 以更高级的方式将 Prop 传递给子组件

javascript - React - 窗口上的 beforeunload 事件不会触发

angularjs - 创建包含组件的 Angular 表单的最佳方法是什么?

javascript - AngularJS 选择选项预选