Ionic / AngularJS:如何从表单本地保存数据?

时间:2015-11-18 03:09:52

标签: angularjs ionic-framework ionic

我正在尝试创建注册表单。提交表单后,我只想将数据保存到本地存储。

有没有人可以给我一个例子,或者给我一个可以帮助我的教程?

4 个答案:

答案 0 :(得分:4)

您可以使用lokiJS或SQLite甚至是Basic Internal Get / Set。

看看我的问题和答案:

SQLite:Save ,retrieve and upload data to a remote server---(AngularJs / Ionic)

基本内部获取/设置服务: Angular Service To Set And Retrieve Object Between Controllers

LokiJS(NOSQL): http://lokijs.org/#/

http://gonehybrid.com/how-to-use-lokijs-for-local-storage-in-your-ionic-app/

LocalStorage / Session Storage:

您还可以使用现有的HTML 5本地/会话存储。

对于一个表单,您可能只想使用基本的内部getter / setter,这应该足以满足大多数情况。我个人没试过lokiJS,但我认为这很好!

答案 1 :(得分:2)

我更喜欢在AngularJS和Cordova / Ionic项目中使用GitHub库 Angular Local Storage

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

在本地存储中设置密钥

myApp.controller('MainCtrl', function($scope, localStorageService) {
  //...
  function submit(key, val) {
   return localStorageService.set(key, val);
  }
  //...
});

获取本地存储空间

myApp.controller('MainCtrl', function($scope, localStorageService) {
  //...
  function getItem(key) {
   return localStorageService.get(key);
  }
  //...
});

答案 2 :(得分:1)

您可以使用$ window.localStorage。对于这个注入$ window依赖。 以下是此

的语法
$windows.localStorage["key"]=jsonValue;

答案 3 :(得分:0)

检查此链接 http://ionicframework.com/docs/guide/building.html 在提交表单内部功能后使用本地存储如... https://blog.nraboy.com/2014/12/use-ngstorage-angularjs-local-storage-needs/ 我们需要在模块中注入ng-storage,在你想要使用的控制器/服务中注入本地存储,然后将提交的数据存储在本地存储中。