AngularJS刷新并保存数据

Question

我在一个需要进行大量计算的应用程序中工作，基本上，我在用户刷新或F5页面时实现了一项功能，即他不会丢失当前页面中的数据，将数据保存在localStorage中，因为数据未保存在数据库中， angularjs是否有某种我可以使用的存储数据，或者没有人可以使用更好的解决方案。 （不使用数据库）。

Answer 1

您可以使用以下方式存储数据：

1）$ localStorage 2）$ sessionStorage

下面给出的是一个简单示例，说明如何在localStorage中保存输入字段并在刷新时仍检索值

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

在控制器中：

//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

您可以在localStorage和sessionStorage之间选择。

localStorage将保留数据，直到您决定以编程方式清除它，或者用户将在浏览器中清除它。

另一方面，当关闭浏览器或选项卡时， sessionStorage将被清除。 有时，这是更好的解决方案，因为您无需考虑必须清除localStorage的情况。

Answer 3

您可以为此使用html5 API的localstorage

要么

如果您想用角度来做，那么最好通过以下链接

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

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