2016-04-04 10 views
1

これは私が問題が十分明確でない場合、私にはstackoverflowで尋ねるのが初めてです。私は、大学のプロジェクトとしてフライト予約Webアプリケーションに取り組んでいます。私は平均スタックを使用しており、サイトは52.27.150.19に表示されています。これは、ngRouteの$ routeProviderを使用する代わりに、ui-router状態を使用するまで、PCと携帯電話の両方で正常に動作していました。今では携帯電話では、JavaScriptアニメーションを実行したり、ボタンをクリックしてng-click機能を呼び出すことさえできません。携帯電話の状態提供者

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状態であることを確認作りました:ここに私の$ stateProviderが何をするかだ

App.run(function($state){ 
$state.go('home'); 
}) 

それはJavaScriptだけで、携帯電話上でどのように任意のアイデアを死ぬように思えますこれを修正しますか?

+0

にこの

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

を変更私は$ urlProvider.otherwise( "/ホーム")を使用することをお勧め。 App.configの一番上にあります。また、すべての状態に対してurl属性を追加します。そして最後のコードブロックApp.runを削除してください。 –

+0

Nielsと協力して、ui-router maybはapp.runに注入すると、初期状態を解決できないため、クラッシュする可能性があります。さらに、適切なstat設定を行うには、urlでルート状態にするために "'を定義する少なくとも1つの状態が必要です。 – Walfrat

+0

URLを追加せずに修正する方法はありますか?私がstateProviderを選択した主な理由は、ユーザーがビューを変更したときと同じURLが維持されるということです。 – Sayegh

答えて

0

各状態は、url属性を必要としますが、私の推測ですので、この

.state('confirm', { 
     url: '/confirm', 
     templateUrl:'../partials/confirmation.html', 
     controller: 'confirm' 
    }) 
関連する問題