Angularjs: Perché l'aggiornamento della pagina distrugge i valori di $ rootScope?

Question

Nel mio percorso locale http://localhost:9000/#/deviceDetail/ ho un controller che gestisce quella vista. Prima di passare a quella vista ho impostato alcune variabili su $rootScope (per esempio $rootScope.dashboards).

Una volta in tale vista, ho accesso alla proprietà dashboard, ma quando aggiorno la pagina con la chiave F5, ad esempio, i cruscotti delle proprietà vengono persi.

Ho provato a salvare $rootScope sulla variabile localStorage ma ho avuto problemi di riferimento circolare con il metodo JSON.stringify.

Qualche consiglio per gestirlo?

Answer 1

AngularJS è un framework JavaScript, tutto è memorizzato nell'heap della memoria e l'heap viene avviato quando si apre una pagina e viene distrutto dopo averlo chiuso. In questo contesto, l'aggiornamento del browser è come chiudere e riaprire la pagina.

Per mantenere il valore dopo aggiornamento, è necessario memorizzare in un cookie, per questo si utilizza per esempio $cookies o sessionStorage/localStorage come raccomandato dal M K.

Answer 2

Usa localStorage e $ stateChangerStart verificare se si utilizza ui .route qualcosa di simile

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

      // Grab the user from local storage and parse it to an object 
      var user = JSON.parse(localStorage.getItem('user'));    

      if(user) { 

       $rootScope.currentUser = user; 

      } 
     }); 

Answer 3

ho cercato di memorizzare autenticazione gettone utilizzando cookie seguendo l'articolo a Getting started with AngularJS and ASP.NET MVC - The long awaited Part Three. Ma i cookie vengono distrutti ogni volta che colpisco F5 o aggiorna il browser Chrome.

Questo articolo dice che ngCookies aiuta ad affrontare l'aggiornamento della pagina per mantenere il token per l'aggiornamento della pagina. E avevo pensato che fosse così e non sapevo che ngCookies mi uccidesse. È stato distrutto se la pagina è aggiornata! dopo ore di ricerche online vedo questo articolo mi aiuta.

Secondo M K, ho usato localStorage (o sessionStorage) mi ha aiutato a sbarazzarmi del mal di testa dei cookie. L'uso dei cookie per memorizzare il token di autenticazione o qualcos'altro è una cattiva idea. Mi sono imbattuto in questo problema e mi sono perso (non conoscevo il bug proveniente da "utilizzo dei cookie") come sopra menzionato/confermato. Quindi, era un bug in quell'articolo.

Grazie milione di volte, M K.