首页 > 解决方案 > 如何将数据存储在 Angular 5 本地存储中

问题描述

userData = {
    items: [
      { medicine_id: "", medicine_qty: 1, priscription_path: "" }
     { medicine_id: "", medicine_qty: 1, priscription_path: "" }
     { medicine_id: "", medicine_qty: 1, priscription_path: "" }
    ],
    user_id: "",
    store_id: "",
  };

我想使用角度5将这样的数据存储在我的本地存储中。使用接口类

标签: arraysjsonionic3angular5local-storage

解决方案


在您的示例中,由于 userData 是一个对象,您必须首先使用JSON.stringify将其转换为字符串,然后存储在本地存储中。

localStorage.getItem('userData',JSON.stringify(userData))
var user = JSON.parse(localStorage.getItem('userData'));

然后转换后,您可以使用:

将项目存储在本地存储中:

localStorage.setItem('item_name','content');

检索存储的项目(使用键名):

localStorage.getItem('item_name');

推荐阅读