【问题标题】:How to save data between refreshes AngularJS如何在刷新AngularJS之间保存数据
【发布时间】:2016-01-08 12:59:24
【问题描述】:

我在 $rootScope 中的应用程序中有一个对象。当用户按 F5 或手动刷新应用程序时,我想以某种方式保存其状态。我在 Angular 中看到了 $coockies 的示例,但这些示例仅保存原始类型,并且充其量我可以将对象保存为 JSON,然后从该内容中恢复它。

是否有任何示例和/或库可以帮助我做到这一点而无需为此功能编写太多代码?

【问题讨论】:

    标签: javascript angularjs refresh


    【解决方案1】:

    试试 $cookies 的 putObject 和 getObject 方法。 看这里:$cookies

    或者使用带有 JSON 函数的本地存储来解析对象,如下所示:

    localStorage.setItem('myObject',JSON.stringify({id:'1',name:'test'}))
    JSON.parse(localStorage.getItem('myObject'))
    

    【讨论】:

    • 我用对象尝试了 $cookies,但在 F5 之后它没有恢复任何东西。你能写一个简单的例子,把对象放到 $coockies 里吗?
    • 这就是答案,只要记住从 coockie 反序列化对象即可。
    【解决方案2】:

    如何使用 HTML5 本地存储?您可以在每次更改时保存对象并在应用程序运行功能中调用它。

    http://www.w3schools.com/html/html5_webstorage.asp

    【讨论】:

    • 我可以提交对象到localStorage吗?
    • 是这样的:localStorage.setItem('myObject',angular.toJson({id:'1',name:'test'})) 并获取对象:angular.fromJson(localStorage .getItem('myObject'))
    猜你喜欢
    • 2016-11-01
    • 1970-01-01
    • 2013-05-24
    • 2016-07-12
    • 1970-01-01
    • 1970-01-01
    • 2015-08-31
    • 1970-01-01
    • 2014-11-12
    相关资源
    最近更新 更多