本地存储返回Angular中的[object Object]

问题描述

我正在尝试从localStorage中获取一个名为userInfo的对象，该对象是我在Angular应用程序中登录时保存的。但是，尽管localStorage.setItem()在尝试通过localStorage.getItem获取数据而不是获取完整对象时已成功地将数据保存在本地存储中，但我得到了[object Object]作为响应。

productService.ts

  public setUserInfoInLocalStorage: any = (data) => {
    localStorage.setItem('userInfo',JSON.stringify(data))
  }

  public getUserInfoFromLocalStorage: any = () =>{
    return JSON.parse(localStorage.getItem('userInfo'))
  }

component.ts

this.productService.setUserInfoInLocalStorage(apiResponse.data.userDetails);
console.log(this.productService.getUserInfoFromLocalStorage()); //getting  [object Object] instead of JSON

我登录后收到的全部数据：

{"error":false,"message":"Login Successful","status":200,"data":{"authToken":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqd3RpZCI6IkNzeHdXeUJCTCIsImlhdCI6MTU5NzM3NTkzNzU3MCwiZXhwIjoxNTk3NDYyMzM3LCJzdWIiOiJhdXRoVG9rZW4iLCJpc3MiOiJhZG1pbi1ibG9nIiwiZGF0YSI6eyJ1c2VySWQiOiI5Q2dzNmlFeEUiLCJlbWFpbCI6InRlc3QxQHRlc3QxLmNvbSIsImlzU2VsbGVyIjp0cnVlfX0.gp5N6HUdz0UIXpRKseTVV5yzfmj8098oesQDjf2mm6k","userDetails":{"userId":"9Cgs6iExE","email":"[e-mail]","isSeller":true}}}

保存到本地存储中后的数据：

userInfo:"{"userId":"9Cgs6iExE","isSeller":true}" 

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）