Comment ignorer la page de connexion si l'utilisateur est déjà connecté au framework ionique

Je suis en train de travailler sur un IONIQUE demande où j'ai vérifié si l'utilisateur est déjà connecté, et si l'utilisateur est déjà connecté, puis l'application doit rediriger sur le tableau de bord. Cette fonctionnalité fonctionne bien, mais l'application de la première apparition de la page de login pour un couple de secondes et ensuite rediriger vers le tableau de bord.

app.js

$rootScope.$on("$locationChangeStart", function (event, next, current) {
    var prefs = plugins.appPreferences;
    prefs.fetch('iuserid').then(function (value) {
        if (value != '') {
            $state.go('app.dashboard');
        }
    });
.config(function ($stateProvider, $urlRouterProvider, $httpProvider) {
    $stateProvider
        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html",
            controller: 'AppCtrl'
        })
        .state('login', {
            url: "/login",
            templateUrl: "templates/login.html",
            controller: 'LoginCtrl'
        })
        .state('app.dashboard', {
            url: "/dashboard",
            views: {
                'menuContent': {
                    templateUrl: "templates/dashboard.html",
                    controller: 'DashboardCtrl'
                }
            }
        })
        ;
    //if none of the above states are matched, use this as the fallback
    $urlRouterProvider.otherwise('/login');
    });
});

Je ne sais pas où je fais erreur.

Edit: je suis en mesure d'authentifier et de rediriger vers le tableau de bord, mais mon problème est que la page de connexion s'affiche quelques (jusqu'à 2 secondes et ensuite rediriger vers le tableau de bord et je suis en train de travailler sur IONIQUE application

Deuxième Édition
J'ai trouvé le problème mais ne connaissez pas la solution. De préférence grandement dans $ionicPlatform.prêt, mais ne fonctionnent pas dans $locationChangeStart. Et j'ai besoin de préférence dans $locationChangeStart parce qu'il s'exécute avant $ionicPlatformReady. J'ai désespérément besoin de la solution.

source d'informationauteur Alpesh Trivedi

  1. 31

    Je ne les suivants:

    dans le app.js

    .state('login', {
    url: "/login",
    templateUrl     : "templates/session/login.html",
    controller      : 'SessionCtrl'
  })

  .state('register', {
    url: "/register",
    templateUrl     : "templates/session/register.html",
    controller      : 'SessionCtrl'
  })
  .state('app', {
    url: "/app",
    abstract: true,
    templateUrl     : "templates/menu.html",
    controller      : 'AppCtrl',
    onEnter: function($state, Auth){
        if(!Auth.isLoggedIn()){
           $state.go('login');
        }
    }
  })
  .state('app.main', {
    url: "/main",
    views: {
      'menuContent': {
        templateUrl   : "templates/main_menu.html",
        controller    : "MainMenuCtrl"
      }
    }
  })

  $urlRouterProvider.otherwise('/app/main');

    Auth est une usine, il stocke l'authentification de session dans localstorage.

    angular.module('auth.services', [])
.factory('Auth', function () {
   if (window.localStorage['session']) {
      var _user = JSON.parse(window.localStorage['session']);
   }
   var setUser = function (session) {
      _user = session;
      window.localStorage['session'] = JSON.stringify(_user);
   }

   return {
      setUser: setUser,
      isLoggedIn: function () {
         return _user ? true : false;
      },
      getUser: function () {
         return _user;
      },
      logout: function () {
         window.localStorage.removeItem("session");
         window.localStorage.removeItem("list_dependents");
         _user = null;
      }
   }
});
  2. 0

    Je pense que vous devriez écouter l'événement $stateChangeStart sur le $rootScopevous pouvez écouter cet événement en cours d'exécution, comme ceci:

    angular.module("myapp.permission").run($rootScope){
    $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
        var loggedIn = true;
        if(loggedIn) {
            $state.go('app.dashboard');
        }
    }
}
  3. 0

    Les gars, essayez cette solution élégante:

    1. si l'utilisateur n'est pas connecté et de connexion est nécessaire qu'elle redirige vers la connexion.

    2. si l'utilisateur essaie d'obtenir un login et il est déjà connecté, l'empêcher de le faire.

    3. marque de chaque chemin d'accès comme "requireAuth" et cela fonctionnera.

    4. placez votre code dans app.js

      .run(function ($rootScope, $location, authService) {
    $rootScope.$on('$stateChangeStart', function (ev, to, toParams, from, fromParams) {
        if (to.requireAuth && !authService.isAuthed()) {
            $location.path("/login");
        }
        else if (to.name == 'login' && authService.isAuthed()) {
            ev.preventDefault();
            $location.path("/dashboard");
        }
    });
})
  4. 0

    Supprimer 

    $urlRouterProvider.otherwise('/loginpage')

    au bas de routes.js fichier.

  5. -3

    À l'intérieur de votre "exécuter" bloc et à l'extérieur de $ionicPlatform.prêt vous pouvez utiliser ceci:

        //Check if user loggedin and redirect to login page if not

$rootScope.$on('$stateChangeStart', function (event, toState) { 

    //Check only if you are not in login page              
    if(toState.name.indexOf('app') !== -1 ) {

      //If user is not logged, will redirect to login page, eg:
      var prefs = plugins.appPreferences;
      prefs.fetch('iuserid').then(function (value) {
         if (value != '') {
            $state.go('login');
         }
      });
    }                         

});

    Après vous devez changer votre:

    $urlRouterProvider.otherwise('/login');

    pour cela:

    $urlRouterProvider.otherwise('/dashboard');

    L'idée est de directement la route vers le tableau de bord et si n'est pas connecté, vous redirigera vers la page de connexion.