Локальное хранение в Угловом 2

Мне нужно хранить данные в сеансе браузера и извлекать данные до выхода сеанса. Как вы используете локальное и сеансовое хранилище в Angular 2?

javascript,angular,local-storage,session-variables,

81

Ответов: 12


87

Стандартный localStorageAPI должен быть доступен, просто выполните, например:

localStorage.setItem('whatever', 'something');

Это довольно широко поддерживается .

Обратите внимание, что вам нужно будет добавить "dom"в "lib"массив, tsconfig.jsonесли у вас его еще нет.


44

Чтобы хранить данные в локальном хранилище,

localStorage.setItem('key', 'value');

Не забудьте указать значение, например, если у вас есть объект
localStorage.setItem(itemName, JSON.stringify(itemData));

OR для отдельных пар ключ-значение
localStorage.setItem('currentUser', JSON.stringify({ token: token, name: name }));

А для получения данных из localstorage
user = JSON.parse(localStorage.getItem(currentUser));


17

Сохранить в LocalStorage:

localStorage.setItem('key', value);

Для объектов со свойствами:

localStorage.setItem('key', JSON.stringify(object));

Получить из локального хранилища:

localStorage.getItem('key');

Для объектов:

JSON.parse(localStorage.getItem('key'));

localStorage Object сохраняет данные как строку и извлекает их как строку . Вам нужно проанализировать желаемый результат, если значение является объектом, хранящимся в виде строки. напримерparseInt(localStorage.getItem('key'));

Лучше использовать инфраструктуру, предоставляемую localStroage, вместо сторонней библиотеки localStorageService или что-то еще, потому что это уменьшает размер вашего проекта.


10

Используйте модуль Angular2 @LocalStorage , который описывается как:

Этот маленький декодер Angular2 / typescript позволяет легко сохранять и автоматически восстанавливать переменное состояние в вашей директиве (свойство класса) с помощью HTML5 «LocalStorage».

Если вам нужно использовать файлы cookie, вы должны взглянуть на: https://www.npmjs.com/package/angular2-cookie


Как указано выше, должно быть: localStorageService.set('key', 'value');иlocalStorageService.get('key');

JavaScript, угловые, локальное хранение, сессия-переменные,
Похожие вопросы