2016-04-04 22 views
1

Bu benim ilk kez stackoverflow üzerinde soruyorum, bu yüzden ben sorun ile yeterince açık değilse lütfen benimle ol. Bir uçuş rezervasyonu web uygulamasında üniversite projesi olarak çalışıyorum. MEAN yığını kullanıyorum ve site 52.27.150.19'da görülebilir. NgRoute'un $ routeProvider kullanmak yerine ui yönlendirici durumlarını kullanmaya başladığımda hem PC hem de cep telefonlarında iyi çalışıyordu. Artık telefonlarda, herhangi bir tuşa bastığımda javascript animasyonlarını çalıştırmaz veya ng tıklama işlevlerinden herhangi birini çağırmaz.cep telefonlarında durumprovider

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' 
    }); 
}); 

ve eve devlet açmasının devlet olduğundan emin yaptık:: İşte benim $ stateProvider yaptığı da budur

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

Bu javascript sadece telefonlarda nasıl bir fikrin ölür gibi görünüyor bunu tamir et? Her eyaletin bir url özelliğini ihtiyacı

+0

bu

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

değiştirmek; App.config parçanızın en üstünde. Ve her durum için url özelliğini ekleyin. Ve son kod bloğu App.run ... kaldır kaldırın. –

+0

i Niels ile agrre, ui-router mayb app.run üzerinde enjekte ederken çöküyor çünkü başlangıç ​​durumunu çözemiyor. Ayrıca, uygun bir stat konfigürasyonu için, '' kök durumu '' olarak tanımlayan en az bir durumunuz olmalıdır. – Walfrat

+0

URL'ler eklemeden bunu düzeltmenin herhangi bir yolu var mı? StateProvider için tercih ettiğim ana nedeni, URL'nin kullanıcı tarafından değiştirilen görünümle aynı kalmasıdır. – Sayegh

cevap

0

urlProvider.otherwise ("/ home") benim tahminim, yani $ kullanmak öneririm bu

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