如何使用Angularjs将数据存储在本地存储中？

Question

如何使用Angularjs将数据存储在本地存储中？目前我正在使用服务来执行操作，即从服务器检索数据，然后将数据存储在服务器本身上。而不是这样，我想将数据放入本地存储而不是将其存储在服务器上。我该怎么做呢？

Answer 1

这是我的一些存储和检索到本地存储的代码。我使用广播事件来保存和恢复模型中的值。

app.factory('userService', ['$rootScope', function ($rootScope) {

    var service = {

        model: {
            name: '',
            email: ''
        },

        SaveState: function () {
            sessionStorage.userService = angular.toJson(service.model);
        },

        RestoreState: function () {
            service.model = angular.fromJson(sessionStorage.userService);
        }
    }

    $rootScope.$on("savestate", service.SaveState);
    $rootScope.$on("restorestate", service.RestoreState);

    return service;}]);

Answer 2

我创作（又一个）角html5存储服务。我希望保持自动更新成为可能ngStorage，但使摘要周期更加可预测/直观（至少对我而言），添加事件以处理需要状态重新加载的时间，并且还在选项卡之间添加共享会话存储。我在之后对API建模$resource并调用它angular-stored-object。它可以使用如下：

  angular    .module('auth', ['yaacovCR.storedObject']);

  angular    .module('auth')
    .factory('session', session);

  function session(ycr$StoredObject) {
    return new ycr$StoredObject('session');
  }

API就在这里。

回购就在这里。

希望它能帮助别人！