le module.run() et $état.go() angularJS

Je pourrais avoir une sorte de missunderstanding. Im en utilisant angulaire de l'interface utilisateur du routeur et j'ai le problème suivant:

J'ai l'État suivant fournisseur de:

angular
.module('MainApp')
.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider ) {
    $stateProvider
        .state('register', {
            url: "/",
            abstact: true,
            views: {
                "side-bar": {
                    controller: "GetSideBarCtrl"
                },
                "page-body@register": {
                    templateUrl: "/App/Views/WelcomePage.html"
                }
            },
        })
        .state('register.Register', {
            url: "Register",
            views: {
                "page-body": {
                    controller: "RegisterCtrl",
                    templateUrl: "/App/Views/Register.html"
                }
            },
        })
        .state('register.Login', {
            url: "Login",
            views: {
                "page-body": {
                    controller: "LoginCtrl",
                    templateUrl: "/App/Views/Login.html"
                }
            },
        })
        //For registered and loged in users!
    /* */
        .state('main', {
            url: "/:userId",
           //abstact: true,
            views: {
                "side-bar": {
                    controller: "GetSideBarCtrl"
                },
                "page-body@main": {
                  // controller: "LoginCtrl",
                    templateUrl: "/App/Views/MainPage.html"
                }
            },
        });
    $urlRouterProvider.otherwise('/');
}]);

Et exécuter la fonction

angular
.module('MainApp')
.run(['$rootScope', '$state', '$cookieStore', 'principal',
function ($rootScope, $state, $cookieStore, principal) {
    var cookies = $cookieStore.get('user');
    if (cookies) {
        principal.Authenticate(cookies.split(' ')[0], cookies.split(' ')[1]);
        $state.go('main', { userId: cookies.split(' ')[0] });
    } else {
        $state.go('register.Login');
    }
}]);

Tout fonctionne bien, lorsque des témoins sont présents et authenication fonctionne sans problèmes, mais $état.aller ne fait rien, je ne peux pas comprendre pourquoi, pouvez-vous s'il vous plaît aider et de m'expliquer...

InformationsquelleAutor dulebov.artem | 2014-10-14
  1. 25

    Yep, comme l'a suggéré qu'il ressemble $état.go() ne fonctionne pas correctement dans le module.run().

    J'ai trouvé que le fait de mettre le $code d'état dans un $timeout œuvres, par exemple

    angular.module('MainApp').run($timeout, $state, ...) {

    $timeout(function() {
        $state.go('main');
    });

}
    • fonctionne très bien pour moi
    • Je n'ai aucune idée pourquoi, mais fonctionne très bien
    • ne fonctionne pas pour moi
    InformationsquelleAutor Dunc
  2. 4

    J'ai donc fait fonctionner de la manière différente, ive utilisé $stateChangeStart et maintenant, mes exécuter la fonction ressemble à ceci:

    angular
.module('MainApp')
.run(['$rootScope', '$state', '$cookieStore', 'principal',
    function ($rootScope, $state, $cookieStore, principal) {
        var cookies = $cookieStore.get('user');
        if (cookies) {
            principal.Authenticate(cookies.split(' ')[0], cookies.split(' ')[1]);
        }
        $rootScope.$on('$stateChangeStart',
            function (event, toState) {
                if ((toState.name === "register") && (principal.isAuthenticated)) {
                    event.preventDefault();
                    $state.go('main', { userId: principal.identity().userId });
                }
            });
    }
]);

    Mais je ne comprends toujours pas pourquoi $état.go() ne fonctionne pas...

    • Le plus important est la event.preventDefault(). Sans elle, la transition actuelle (transitionTo() promesse ne sera pas interrompue / abandonnée. Voir: github.com/angular-ui/ui-router/wiki#state-change-events
    • veuillez retirer votre déclaration $urlRouterProvider.otherwise('/'); à partir de l'app.config(). Puis $state.go() fonctionne.
    InformationsquelleAutor dulebov.artem
  3. 3

    Je rencontre exactement le même problème.

    Je suis à l'aide ionique de construire une croix-plate-forme d'application mobile.

    J'ai la logique comme --> si l'utilisateur est déjà connecté. redirection vers la page principale, sinon rediriger vers la page de connexion

    if(isLogin("userId")){
    $state.go("main");
}else{
    $state.go("login");
}

    Cela fonctionne parfaitement sur Android, mais crash de temps en temps sur IOS. Après quelques investigations et de la recherche. J'utilise $lieu.chemin d'accès au lieu de $état.aller et tout fonctionne bien.

    if(isLogin("userId")){
    $location.path("/main");
}else{
    $location.path("/login");
}

    Espère que cela vous aider à résoudre votre problème.

    InformationsquelleAutor Sean Out
  4. 1

    $état.aller ne fonctionne pas dans la course, il n'est pas initialisé et pourtant si! Ce que je n'ai fait que jeter de la logique de service, ajoutez un contrôleur du module, vous devez l'exécuter, exécutez dans le contrôleur! Cela devrait fonctionner.

    InformationsquelleAutor Mike Huebner
  5. 1

    Juste le point qu'à la suite de l'avis de l' ce fil, vous pouvez également résoudre en changeant l'autre bloc pour cette:

      $urlRouterProvider.otherwise(function ($injector, $location) {
    var $state = $injector.get("$state");
    $state.go("/");
  });

    Espère que cela aide

    • Bonne Idée!!!!!! ting ting tiding vers!!!
    InformationsquelleAutor troig
  6. 0

    J'ai connu un problème similaire. $etat.n'allez pas travailler dans le .la fonction d'exécution.

    Plaçant $état.aller dans un service résolu mon problème.

    InformationsquelleAutor Tyrone
  7. 0

    Il peut sembler étrange, mais pour moi la solution a été de renommer mon état et la suppression de la dot ...

    Je veux une page d'accueil différente pour le client, de directeur, de gérant ou de quoi que ce soit ( mais avec la même url )

      .state('home', {
    url : '/',
    templateUrl: 'views/home.html',
    controller: 'HomeCtrl',
    controllerAs: 'home',
    module :'private'
  })
  .state('home.customer', {
    url : '',
    templateUrl: 'views/home-customer.html',
    controller: 'HomeCustomerCtrl',
    controllerAs: 'homeCustomer',
    module :'private'
  })

  .run(function ($rootScope, $state, $window,userService) {
    $rootScope.$on("$stateChangeStart", function(e, toState, toParams, fromState, fromParams) {
     if(toState.name === 'home') {
          if(userService.isCustomer()) {
               $state.go('home.customer');
         }
      }
}

    Cela ne marche pas, remplacer le nom home.customer état avec home-customer et $state.go('home-customer'); et il fonctionne ...

    InformationsquelleAutor amdev