Como faço para armazenar dados no armazenamento local usando o Angularjs?

Atualmente estou usando um serviço para executar uma ação, ou seja, recuperar dados do servidor e, em seguida, armazenar os dados no próprio servidor.

Em vez disso, quero colocar os dados no armazenamento local em vez de armazená-los no servidor. Como eu faço isso?

Isso é um pouco do meu código que armazena e recupera para armazenamento local. Eu uso events de transmissão para salvar e restaurar os valores no modelo.

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

Se você usar $window.localStorage.setItem(key,value) para armazenar, $window.localStorage.getItem(key) para recuperar e $window.localStorage.removeItem(key) para remover, então você pode acessar os valores em qualquer página .

Você tem que passar o serviço de $window para o controlador. Embora em JavaScript, o object de window está disponível globalmente.

Usando $window.localStorage.xxXX() o usuário tem controle sobre o valor localStorage . O tamanho dos dados depende do navegador. Se você usar apenas $localStorage , o valor permanecerá contanto que você use window.https://stackoverflow.com/questions/18247130/how-do-i-store-data-in-local-storage-using-angularjs/location.href para navegar para outra página e, se usar para navegar para outra página e, em seguida, seu valor $localStorage está perdido na próxima página.

Para armazenamento local, existe um módulo para essa consulta no URL abaixo:

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

e outro link para armazenamento local em HTML5 e angularJs

http://www.amitavroy.com/justread/content/articles/html5-local-storage-with-angular-js/

Use o ngStorage para todas as suas necessidades de armazenamento local do AngularJS. Por favor, note que esta não é uma parte nativa do framework Angular JS.

ngStorage contém dois serviços: $ localStorage e $ sessionStorage.

 angular.module('app', [ 'ngStorage' ]).controller('Ctrl', function( $scope, $localStorage, $sessionStorage ){}); 

Verifique a demonstração

Há mais um módulo alternativo que tem mais atividade que ngStorage

armazenamento local angular:

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

Dependendo de suas necessidades, por exemplo, se você quiser permitir que os dados expirem ou definir limitações em quantos registros armazenar, você também pode consultar https://github.com/jmdobry/angular-cache, que permite definir se o cache fica na memory, localStorage ou sessionStorage.

Eu criei (ainda outro) serviço de armazenamento angular html5. Eu queria manter as atualizações automáticas possibilitadas pelo ngStorage, mas tornar os ciclos de digitação mais previsíveis / intuitivos (pelo menos para mim), adicionar events para manipular quando os recarregamentos de estado forem necessários e também adicionar armazenamento de session de compartilhamento entre as guias. Eu modelei a API após $ resource e a chamei de object armazenado angular. Pode ser usado da seguinte forma:

  angular .module('auth', ['yaacovCR.storedObject']); angular .module('auth') .factory('session', session); function session(ycr$StoredObject) { return new ycr$StoredObject('session'); } 

API: http://yaacovcr.github.io/angular-stored-object/docs/#/api

Repo: https://github.com/yaacovCR/angular-stored-object

Espero que ajude alguém!

Você pode usar o localStorage para o propósito.

Passos:

 add ngStorage.min.js in your file add ngStorage dependency in your module add $localStorage module in your controller use $localStorage.key = value 

Deve-se usar um script de terceiros para este chamado ngStorage chamado aqui é um exemplo de como usar.Ele atualiza localstorage com a mudança no escopo / view.

  < !DOCTYPE html>