angularjs et localStorage événement de changement de
- Je stocker des données dans le localStorage
ce que je veux dans mon application angularjs est que lorsque les données dans le localStorage changé, l'application rerender l'application, comment puis-je faire cela?
- a fait une de ces réponses répondre à votre question?
Vous devez vous connecter pour publier un commentaire.
Il y a un angulaires localStorage module:
https://github.com/grevory/angular-local-storage
Après réflexion vous devrez peut-être changer le module de diffusion sur setItem de sorte que vous pouvez être averti si le localStorage a été changé. Peut-être fourche et autour de la ligne 50:
ou dans la version récente de la bibliothèque de la boîte a été changé
Puis dans votre contrôleur, vous pouvez:
Voici une démo de la 2ème option:
Démonstration: http://beta.plnkr.co/lpAm6SZdm2oRBm4LoIi1
** Mise à jour **
Je bifurquais ce projet et ont inclus les notifications ici dans le cas où vous souhaitez utiliser ce projet: https://github.com/sbosell/angular-local-storage/blob/master/localStorageModule.js
Je crois que l'origine de la bibliothèque accepté mon PR. La raison pour laquelle j'aime cette bibliothèque est qu'elle a un témoin de sauvegarde dans le cas où le navigateur ne prend pas en charge le stockage local.
D'ailleurs, j'en ai créé un autre localStorage module pour AngularJS qui est appelé ngStorage:
https://github.com/gsklee/ngStorage
L'utilisation est ultra simple:
JavaScript
HTML
Et chaque changement est automatiquement synchronisés - même les changements qui s'opèrent dans d'autres onglets du navigateur!
Découvrez le projet GitHub page pour plus de démos et exemples 😉
even changes happening in other browser tabs!
.J'ai récemment créé un module vous permet de tout simplement se lier à une localStorage clé à un $portée variable et également de stocker des Objets, des Tableaux, des Booléens et, plus directement, à l'intérieur de la localStorage.
Github localStorage Module
cet événement appelant lors de l'utilisation de
https://github.com/grevory/angular-local-storage#getstoragetype
en application de config