Come navigare verso un'altra pagina dopo una conferma di apertura ionica

Question

Sto provando a creare una pagina di accesso in ionic per app mobile dove dopo che l'utente ha inserito alcuni ID e password, passerà ad un'altra pagina. Cerco di utilizzare lo stato.go e location.path ma non funziona. Ecco il codice:

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


    }) 

miei app.js contengono:

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

alcuna idea di come risolvere questo?

Answer 1

Provare a modificare i file come segue. Dovrebbe funzionare. Posso elaborare se lo trovi confuso.

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