Comment gérer / empêcher le navigateur de navigation ou de recharger en angularjs?

Je tiens à détecter dans mon angulaire de l'application lorsqu'un utilisateur navigue loin d'ou le rechargement d'une page.

App (qui utilise certains processus d'ouverture de session) doit alors distinguer qu'il a été chargé, de sorte que l'utilisateur ne perd pas sa auth données et de l'application doit être en mesure de restaurer ensuite les informations nécessaires à partir de localStorage.

S'il vous plaît suggérer quelques-unes des meilleures techniques pour "gérer" navigateur de rechargement /navigation.

InformationsquelleAutor Askar Ibragimov | 2014-07-30
  1. 21

    Tous vos javascript et en mémoire des variables disparaissent sur reload. En js, tu sais que la page est rechargée lorsque le code est exécuté pour la première fois.

    Pour gérer le rechargement de lui-même (qui comprend appuyant sur F5) et de prendre des mesures avant qu'il ne recharge ou même de l'annuler, d'utiliser un " beforeunload de l'événement.

    var windowElement = angular.element($window);
windowElement.on('beforeunload', function (event) {
    //do whatever you want in here before the page unloads.        

    //the following line of code will prevent reload or navigating away.
    event.preventDefault();
});
    • Où souhaitez-vous exactement de mettre cet extrait?
    • à l'intérieur .fonction run() de votre module. Module docs - docs.angularjs.org/api/ng/type/angular.Module
    • Je vous remercie pour cela.
    • windowElement.on('beforeunload, ...) ne fonctionne pas pour moi. Ne windowElement.on('onbeforeunload, ...) à la place qui a fonctionné comme prévu.
    • cela n'a pas fonctionné pour moi
    • Wilde - je utiliser vos suggestions avec de l'événement.preventDefault() pour empêcher recharger la page, mais la page est de rechargement.

    InformationsquelleAutor Ben Wilde
  2. 2

    J'ai eu le même problème, mais Ben la réponse n'a pas fonctionné pour moi.

    Cette réponse me mettre sur la bonne voie. Je voulais ajouter un avertissement sur certains états, mais pas tous d'entre eux. Voici comment je l'ai fait (sans doute pas la façon la plus propre) :

    window.onbeforeunload = function(event) {
   if ($state.current.controller === 'ReloadWarningController') {
      //Ask the user if he wants to reload
      return 'Are you sure you want to reload?'
   } else {
      //Allow reload without any alert
      event.preventDefault()
   }
 };

    (dans le ReloadWarningController définition, qui a la $state injecté)

    InformationsquelleAutor linaa