Ionic/AngularJS: Как сохранить данные локально из формы?

Question

Я пытаюсь создать регистрационную форму. После отправки формы я просто хочу сохранить данные в локальном хранилище.

Может ли кто-нибудь дать мне пример или указать мне учебник, который мог бы помочь мне?

Answer 1

Вы можете использовать $ window.localStorage. Для этого введите $ window в зависимости. Ниже приведен синтаксис для этого

$windows.localStorage["key"]=jsonValue; 

Answer 2

Вы можете использовать lokiJS или SQLite или даже Basic Internal Get/Set.

Взгляните на мой вопрос и ответы:

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

Basic Internal Get/Set Service: 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.

Для просто формы вы можете просто использовать базовый внутренний геттер/сеттер, которого должно хватить для большинства случаев. Я лично попробовал lokiJS, но я думаю, что это хорошо!

Answer 3

проверить ссылку http://ionicframework.com/docs/guide/building.html и после представления формы внутри функции использовать локальное хранилище, как .. https://blog.nraboy.com/2014/12/use-ngstorage-angularjs-local-storage-needs/ нам нужно вводить нг-памяти в модуле, впрыснуть локальное хранилище в контроллер/сервис, где вы хотите использовать то магазин представленные данные в локальном хранилище.

Answer 4

Я предпочитаю использовать библиотеку GitHub Угловое локальное хранилище в моих проектах AngularJS и Cordova/Ionic.

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

Set Key в Local Storage

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

Get Key в Local Storage

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