angular - Angular 2 中的 session 存储 - 可观察

Question

如何使用 angular2 将 json 值存储在 session 存储中。我是 angular2 的新手，请帮忙。

下面是我的代码:

.do(data => alert("All: " + alert(JSON.stringify(data))))

我在警报中获取 json 值。现在我需要将值存储在 session 存储中，它应该可以在整个应用程序中访问。下面是我的代码，但它不起作用吗？

var EmpDetails = [data => JSON.stringify(data)];
EmpDetails.push(JSON.parse(localStorage.getItem('session')));
localStorage.setItem('session', JSON.stringify(EmpDetails));
alert(EmpDetails);

Answer 1

您可以将数据存储到 session 或本地存储。您可以同时存储字符串和数组进入 session

Store in to Session:

使用: 从“../../sessionstorage.service”导入 {SessionStorageService}；

在 session 中存储字符串

    let key: 'title'; 
    let value: 'session';
    sessionStorage.setItem(key, value);

在 session 中存储数组

    let key: 'user'; 
    let value: [{'name':'any-name','email':'example@anymail.com'}];

    value = JSON.stringify(value);

    sessionStorage.setItem(key, value);

通过key从sessionStorage中获取存储的session

const session = sessionStorage.getItem('key');

按键删除sessionStorage中保存的session

sessionStorage.removeItem('key');

从 sessionStorage 中删除所有保存的 session

sessionStorage.clear();

Store in to localStorage

您可以将字符串和数组都存储到位置存储中

使用: 从“../../localstorage.service”导入 {LocalStorageService}；

在本地存储中存储字符串

 let key: 'title'; 
    let value: 'session';
    localStorage.setItem(key, value);

在本地存储中存储数组

let key: 'user'; 
    let value: [{'name':'any-name','email':'example@anymail.com'}];

    value = JSON.stringify(value);

localStorage.setItem(key, value);

通过key从localStorage获取存储的items

const item= localStorage .getItem('key');

按键从本地存储中删除保存的 session

localStorage.removeItem('key');

从 localStorage 中删除所有保存的项目

localStorage.clear();