Obecnie korzystam z usługi, aby wykonać akcję, a mianowicie pobrać dane z serwera, a następnie przechowywać je na samym serwerze.
Zamiast tego chcę umieścić dane w lokalnej pamięci zamiast przechowywać je na serwerze. Jak mam to zrobic?
to jest fragment mojego kodu, który przechowuje i pobiera do pamięci lokalnej. Używam wydarzeń rozgłoszeniowych do zapisywania i przywracania wartości w modelu.
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;
}]);
sessionStorage
przypomnienia ≠localStorage
Jeśli używasz
$window.localStorage.setItem(key,value)
do przechowywania,$window.localStorage.getItem(key)
pobierania i$window.localStorage.removeItem(key)
usuwania, możesz uzyskać dostęp do wartości na dowolnej stronie.Musisz przekazać
$window
usługę do kontrolera. Chociaż w JavaScriptwindow
obiekt jest dostępny globalnie.Używając
$window.localStorage.xxXX()
użytkownik ma kontrolę nadlocalStorage
wartością. Rozmiar danych zależy od przeglądarki. Jeśli używasz tylko,$localStorage
wartość pozostaje tak długo, jak długo używasz window.location.href do przechodzenia do innej strony, a jeśli używasz<a href="location"></a>
do nawigacji do innej strony, twoja$localStorage
wartość zostanie utracona na następnej stronie.źródło
W przypadku przechowywania lokalnego istnieje moduł umożliwiający spojrzenie na poniższy adres URL:
https://github.com/grevory/angular-local-storage
i inny link do lokalnej pamięci HTML5 i angularJs
http://www.amitavroy.com/justread/content/articles/html5-local-storage-with-angular-js/
źródło
Używaj
ngStorage
do wszystkich potrzeb związanych z lokalną pamięcią masową AngularJS. Należy pamiętać, że NIE jest to natywna część frameworka Angular JS.ngStorage
zawiera dwie usługi$localStorage
i$sessionStorage
Sprawdź demo
źródło
Jest jeszcze jeden alternatywny moduł, który ma większą aktywność niż
ngStorage
magazyn lokalny-kątowy:
https://github.com/grevory/angular-local-storage
źródło
Możesz użyć
localStorage
do tego celu.Kroki:
źródło
Jestem autorem (kolejnej) kątowej usługi przechowywania html5. Chciałem, aby automatyczne aktualizacje były możliwe
ngStorage
, ale uczynić cykle podsumowania bardziej przewidywalnymi / intuicyjnymi (przynajmniej dla mnie), dodać zdarzenia do obsługi, gdy wymagane są ponowne załadowania stanu, a także dodać pamięć sesji udostępniania między kartami. Modelowałem API$resource
i nazwałem jeangular-stored-object
. Można go używać w następujący sposób:API jest tutaj .
Repozytorium jest tutaj .
Mam nadzieję, że to komuś pomoże!
źródło
Postępuj zgodnie z instrukcjami, aby przechowywać dane w Angular - pamięć lokalna:
Wprowadź „ngStorage” do swojego modułu angular.module
$localStorage
funkcję app.controller4. możesz używać
$localStorage
wewnątrz kontroleraPowyższe spowoduje zapisanie lokalnego magazynu w aplikacji przeglądarki
źródło
W zależności od potrzeb, na przykład jeśli chcesz pozwolić, aby dane ostatecznie wygasły lub ustawić ograniczenia liczby zapisów do przechowywania, możesz również zajrzeć na https://github.com/jmdobry/angular-cache, która pozwala określić, czy pamięć podręczna znajduje się w pamięci, localStorage lub sessionStorage.
źródło
Do tego celu należy użyć skryptu innej firmy o nazwie ngStorage. Oto przykład użycia, który aktualizuje lokalny magazyn ze zmianą zakresu / widoku.
źródło