Angularjs refresh und speichern Daten

Question

Ich arbeite in einer App, die viele Berechnungen durchführt, und im Grunde habe ich eine Funktionalität implementiert, wenn ein Benutzer aktualisiert oder F5 eine Seite wird er nicht seine Daten auf der aktuellen Seite verlieren, im Speichern der Daten in localStorage seit Die Daten werden nicht in der DB gespeichert, hat Angularjs irgendeine Art von Speicherdaten, die ich verwenden könnte oder niemandem eine bessere Lösung zu verwenden. (keine Datenbank verwenden).

Answer 1

Sie können die Daten die folgenden Möglichkeiten zur Speicherung:

1) $ local 2) $ session

Da unten ist ein einfaches Beispiel, wie Sie ein Eingabefeld in localstorage speichern kann und immer noch abrufen der Wert auf Refresh

<input type="text" ng-model="myValue"> 
<button type="button" ng-click="saveData()">Save</button> 

In Controller:

//this will execute everytime on refresh 
$scope.myValue = $localStorage.data || null; 

$scope.saveData = function(){ 
    $localStorage.data = $scope.myValue; 
    //similarly $sessionStorage.data can be used 
} 

Answer 2

Sie können zwischen localStorage und sessionStorage wählen.

localStorage speichert Daten, bis Sie sie programmgesteuert löschen, oder der Benutzer löscht sie im Browser.

sessionStorage wird andererseits gelöscht, wenn Browser oder Tab geschlossen ist. Manchmal ist es eine bessere Lösung, weil Sie nicht über Situationen nachdenken müssen, in denen Sie localStorage löschen müssen.

Answer 3

Sie local dafür verwenden können, die ein html5 api

Oder

Wenn Sie es mit Winkel tun wollen dann besser gehen über den folgenden Link

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

http://gregpike.net/demos/angular-local-storage/demo/demo.html