在本地JSON中保存Angular表单的结果

Question

我想创建一个表单（在angularJS中），提交时将在本地保存，以后可以访问。从这个JSON文件读取和写入需要什么代码，或者我在哪里可以学习如何执行此操作？

Answer 1

我喜欢grevory的本地存储服务：https://github.com/grevory/angular-local-storage

您还可以查看HTML5网络SQL：http://www.tutorialspoint.com/html5/html5_web_sql.htm 但不确定它的支持。

对于字符串处理部分，Angular有：http://docs.angularjs.org/api/angular.toJson和http://docs.angularjs.org/api/angular.fromJson

Answer 2

这是我在角度服务中的一些代码。希望你能适应你的目的

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);
        }
    }

    return service;
}]);