Angularjs refresh and save data

Question

im working in a app that makes many calculations, and basically i implemented a functionality when a user refreshed or F5 a page he will not loose his data in the current page, im saving the data in localStorage since the data isnt saved in the db, does angularjs have some kind of storage data that i could use it or does anybody no a better solution to use. (not using a database).

Answer 1

You can use the following ways for storing the data:

1) $localStorage 2) $sessionStorage

Given below is a simple example of how you can save an input field in localStorage and still retrieve the value on 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

You could choose between localStorage and sessionStorage.

localStorage will keep data until you will decide to clear it programmatically, or user will clear it in browser.

sessionStorage on other hand will be cleared when browser or tab is closed. Sometimes it's better solution, because you won't need to think about situations when you would have to clear localStorage.

Answer 3

you can use localstorage for this which an html5 api

Or

If you want to do it with angular then you better go through the following link

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

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