2016-02-22 33 views
5

Kullanıcıya bazı kimlik ve parola girdikten sonra, başka bir sayfaya gidecek olan mobil uygulama için iyonik bir giriş sayfası oluşturmaya çalışıyorum. State.go ve location.path kullanmayı deneyin ama işe yaramıyor. Bir pop-up onayından sonra diğer sayfaya nasıl yönlendirilir iyonik

angular.module('app.controllers', ['ionic','ui.router']) 
    .controller('loginCtrl', function($scope, $ionicPopup, $state) { 
    $scope.data ={}; 
    $scope.submitData = function(){ 

    if($scope.data.email && $scope.data.password){ 
     var alertPopup = $ionicPopup.alert({ 
      title: "Login Succesful", 
      template: "Welcome Back " 
     }); 
     $state.go('stateHome'); 
    }else{ 

     var alertPopup = $ionicPopup.alert({ 
      title: "Login Failed", 
      template: "Please check your credentials" 
     }); 
    } 
    } 
    }) 
    app.config(function($stateProvider, $urlRouterProvider) { 
     $stateProvider 
     .state('stateHome', { 
     url: '/Home', 
     views: { 
     'Home' :{ 
     templateUrl : "templates/Home.html", 
     controller : 'HomeCtrl' 

     } 
     } 
    }); 

     $urlRouterProvider.otherwise('/Setting'); 


    }) 

Benim app.js

içerirler:

angular.module('app', ['ionic', 'app.controllers', 'app.routes', 'app.services', 'app.directives']) 

    .run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard 
    // for form inputs) 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
    cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
    } 
    if(window.StatusBar) { 
    // org.apache.cordova.statusbar required 
    StatusBar.styleDefault(); 
    } 
    }); 
    }) 

bir fikrin nasıl bu çözmek için İşte kod?

cevap

2

Dosyalarınızı aşağıdaki gibi değiştirmeyi deneyin. İşe yaramalı. Kafa karıştırıcı bulursanız ayrıntılı olabilirim.

app.js

angular.module('app', ['ionic', 'app.controllers', 'app.routes', 'app.services', 'app.directives']) 

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard 
    // for form inputs) 
     if(window.cordova && window.cordova.plugins.Keyboard) { 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     } 
     if(window.StatusBar) { 
     // org.apache.cordova.statusbar required 
      StatusBar.styleDefault(); 
     } 
    }); 
}) 

.config(function($stateProvider, $urlRouterProvider){ 

    $stateProvider 

    .state('stateHome', { 
     url: '/Home', 
     templateUrl: 'templates/Home.html', 
     controller: 'HomeCtrl' 
    }) 

$urlRouterProvider.otherwise('/Setting'); 
}) 

controllers.js

angular.module('app.controllers', []) 

.controller('loginCtrl', function($scope, $ionicPopup, $state, $location) { 

    $scope.data ={}; 
    $scope.submitData = function(){ 

    $scope.goToHomePage = function() { 
     $location.path("/Home"); 
    }; 

     if($scope.data.email && $scope.data.password){ 
     var alertPopup = $ionicPopup.alert({ 
      title: "Login Succesful", 
      template: "Welcome Back " 
     });  
     alertPopup.then(function(res) { 
      if(res) { 
       $scope.goToHomePage(); 
      } else { 
       console.log('Do something else'); 
      } 
      }); 

     }else{ 

      var alertPopup = $ionicPopup.alert({ 
       title: "Login Failed", 
       template: "Please check your credentials" 
      }); 
     } 
     } 
    }) 
Ben oturum açma sayfasına gidin ve e-posta ve şifre koymak sonra, hala öneri çalışıyorum ama var
+0

, pop up 'giriş başarılı 'idam ediliyor ancak sayfa hala Giriş sayfasının yerine giriş sayfasında, eksik olduğum kısımda herhangi bir fikir var mı? – LearningDummy

+0

Sanırım sorununuzu görüyorum. Dizin yapınız nasıl görünür? Bir uygulama.js var mı? Ve eğer öyleyse, gönderebilir misin? Bu satırın ileride görebildiğini görebiliyorum -> 'app.config (function ($ stateProvider, $ urlRouterProvider)', bu yazı için kontrolörünüzün altına yapıştırılmadıkça yerin dışına çıkmış gibi görünüyor. –

+0

hangisi appname ve sonra içinde kancalar eklentileri scss www var, www içinde js, img, lib, şablon ve vb. Temelde, biz onu creator iyonic CLI kullanarak indirirken aldığımız tam olarak bir şey var. – LearningDummy

İlgili konular