【问题标题】:Using local storage on Angular在 Angular 上使用本地存储
【发布时间】:2022-01-23 14:38:13
【问题描述】:

我正在尝试使用 Angular 制作一个简单的电话簿,但我正在努力让我的“应用”存储插入到本地存储中的信息。

这是我目前所拥有的,所以如果有人有时间去顶峰,我将非常感激。

https://easyupload.io/m/uk7r3f

【问题讨论】:

  • 请提供代码示例:)
  • 我很抱歉。我已经上传了截图,因为新用户堆栈溢出不允许我上传。

标签: javascript html angular local-storage phonebook


【解决方案1】:

下面的 sn -p 访问当前域的本地 Storage 对象,并使用 Storage.setItem() 添加一个数据项。

localStorage.setItem('myCat', 'Tom');

读取localStorage项的语法如下:

const cat = localStorage.getItem('myCat');

删除localStorage项的语法如下:

localStorage.removeItem('myCat');

删除所有localStorage项的语法如下:

localStorage.clear();

注意:完整示例请参阅Using the Web Storage API 文章。

来源:https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage#example

【讨论】:

    【解决方案2】:

    localStorage.setItem('key', 'value') = > 允许您将项目存储在浏览器存储中

    localStorage.getItem('key') = > 允许您从浏览器存储中读取指定键项的值。 更多信息:https://www.journaldunet.fr/web-tech/developpement/1441263-comment-gerer-le-stockage-en-local-dans-la-session-d-un-navigateur-avec-angular/

    【讨论】:

      【解决方案3】:

      您可以使用 setItem、getItem、removeItem 方法使用 localStorage 执行 CRUD 操作

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

      有关更多信息,您可以关注: Add DATA in localStorage

      【讨论】:

        猜你喜欢
        • 2018-04-28
        • 2016-03-07
        • 2014-12-04
        • 2017-08-04
        • 2019-09-06
        • 1970-01-01
        • 2023-03-18
        • 2018-03-14
        • 2018-01-22
        相关资源
        最近更新 更多