angularjs und localStorage ändern das Ereignis

Ich Speichere einige Daten in den localStorage

was möchte ich in meinem angularjs-app ist, dass, wenn die Daten in den localStorage geändert, die app rerender die app, wie kann ich dies tun?

Kommentar zu dem Problem

hat man diese Antworten richten Sie Ihre Frage? Kommentarautor: lucuma

InformationsquelleAutor der Frage Sean Lee | 2013-04-22

Es ist eine eckige localStorage-Modul:

https://github.com/grevory/angular-local-storage

var DemoCtrl = function($scope, localStorageService) {

  localStorageService.clearAll();

  $scope.$watch('localStorageDemo', function(value){
    localStorageService.add('localStorageDemo',value);
    $scope.localStorageDemoValue = localStorageService.get('localStorageDemo');
  });

  $scope.storageType = 'Local storage';

  if (!localStorageService.isSupported()) {
    $scope.storageType = 'Cookie';
  }

};

Nach weiteren Gedanken müssen Sie möglicherweise ändern Sie das Modul für die übertragung setItem, so dass Sie benachrichtigt werden, wenn die "localStorage" geändert wurde. Vielleicht Gabel und um die Zeile 50:

localStorage.setItem(prefix+key, value);
$rootScope.$broadcast('LocalStorageModule.notification.setItem',{key: prefix+key, newvalue: value});  //you could broadcast the old value if you want

oder in der jüngsten version der Bibliothek wurde das Gehäuse geändert

$rootScope.$broadcast('LocalStorageModule.notification.setitem',{key: prefix+key, newvalue: value});

Dann in Ihrem controller können Sie:

$scope.$on('LocalStorageModule.notification.setItem', function(event, parameters) {
   parameters.key;  //contains the key that changed
   parameters.newvalue;  //contains the new value
});

Hier ist eine demo des 2. option:
Demo: http://beta.plnkr.co/lpAm6SZdm2oRBm4LoIi1

** Aktualisiert **

Ich gespaltener diesem Projekt haben und die Meldungen hier in der Veranstaltung, die Sie wollen mit diesem Projekt: https://github.com/sbosell/angular-local-storage/blob/master/localStorageModule.js

Glaube ich, dass die original-Bibliothek akzeptiert mein-PR. Der Grund ich mag diese Bibliothek ist, dass Sie eine cookie-backup für den Fall der browser nicht unterstützt lokaler Speicher.

InformationsquelleAutor der Antwort lucuma

24

Übrigens, ich habe noch ein localStorage-Modul für AngularJS, die aufgerufen wird, ngStorage:

https://github.com/gsklee/ngStorage

Nutzung ist extrem einfach:

JavaScript
```
$scope.$storage = $localStorage.$default({
    x: 42
});
```
HTML
```
<button ng-click="$storage.x = $storage.x + 1">{{$storage.x}}</button>
```
Jede änderung wird automatisch synchronisiert - auch Veränderungen in anderen browser-tabs!

Schauen Sie auf der GitHub Projektseite für mehr demos und Beispiele 😉

InformationsquelleAutor der Antwort Kay
5

Habe ich vor kurzem erstellt ein Modul können Sie einfach binden Sie ein "localStorage" - Taste, um ein $scope-variable und auch store-Objekte, - Arrays, Boolean und mehr direkt im "localStorage".

Github localStorage-Modul

InformationsquelleAutor der Antwort agrublev

$scope.$on("LocalStorageModule.notification.setitem", function (key, newVal, type) {
      console.log("LocalStorageModule.notification.setitem", key, newVal, type);
    });

$scope.$on("LocalStorageModule.notification.removeitem", function (key, type) {
  console.log("LocalStorageModule.notification.removeitem", key, type);
});

$scope.$on("LocalStorageModule.notification.warning", function (warning) {
  console.log("LocalStorageModule.notification.warning", warning);
});

$scope.$on("LocalStorageModule.notification.error", function (errorMessage) {
  console.log("LocalStorageModule.notification.error", errorMessage);
});

dieses Ereignis ruft bei der Verwendung von
https://github.com/grevory/angular-local-storage#getstoragetype

in app-config

myApp.config(function (localStorageServiceProvider) {
  localStorageServiceProvider
    .setPrefix('myApp')
    .setStorageType('sessionStorage')
    .setNotify(true, true)
});

InformationsquelleAutor der Antwort Venkatesh TR

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.