Angularjs刷新并保存数据

时间:2016-06-29 19:18:12

标签: javascript angularjs

我正在一个进行大量计算的应用程序中工作,基本上我在用户刷新时实现了一个功能,或者F5页面他不会在当前页面中丢失他的数据,我将数据保存在localStorage中,因为数据没有保存在db,做angularjs有某种存储数据,我可以使用它或任何人没有更好的解决方案使用。 (不使用数据库)。

3 个答案:

答案 0 :(得分:0)

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

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
} 

答案 1 :(得分:0)

您可以选择localStorage和sessionStorage。

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

另一方面,当浏览器或标签关闭时,

sessionStorage 将被清除。有时它是更好的解决方案,因为当您必须清除localStorage时,您不需要考虑情况。

答案 2 :(得分:0)

你可以使用localstorage来获取html5 api

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

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

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