如何在角度 2 中使用本地存储中的数据答案

【问题标题】：How to use data from the localstorage in angular 2如何在角度 2 中使用本地存储中的数据
【发布时间】：2017-07-06 07:26:16
【问题描述】：

如何将本地存储中的数据用于另一个组件。服务中的本地存储有：

localStorage.setItem('currentUser', JSON.stringify({ username: username, token: success,res:res.data}));

我想从另一个组件的数据中使用id、用户名等怎么可能

【问题讨论】：

localStorage 的范围不是组件，它是一个全局对象。
它随处可用，只需像在服务中一样使用它。

标签： javascript angular

【解决方案1】：

你可以像这样从存储中检索当前用户

创建一个函数来获取用户服务中的当前用户并在全局范围内使用它

getCurrentUser(): void {
return JSON.parse(localStorage.getItem('currentUser'));
}

【讨论】：

【解决方案2】：

您还可以将单个项目添加到本地存储

设置项目

    localStorage.setItem('username', 'ActualUserName');

检索项目

    let username= localStorage.getItem("username");

【讨论】：

console.log 值：存储 {currentUser:"{"username":"q","token":true,"res":{"id":2,"firstn...lephant.jpg ","updated_at":"2017-07-05 10:21:23"}}", 长度: 1} currentUser : "{"username":"q","token":true,"res":{" id":2,"firstname":"a","lastname":"a","username":"q","image_file":"elephant.jpg","updated_at":"2017-07-05 10 :21:23"}}"
我想只检索名字和 id 和 res 怎么可能

【解决方案3】：

像这样试试。

    let currentUser = localStorage.getItem( 'currentUser' );
    this.token = JSON.parse( currentUser )['token'];
    this.username = JSON.parse( currentUser )['username'];

【讨论】：

【解决方案4】：

currentUser = JSON.parse(localStorage.getItem('currentUser')); userid= (this.currentUser.res.id);

【讨论】：