从Angular2访问HTML5本地存储

Question

我遵循本教程：https://medium.com/@blacksonic86/authentication-in-angular-2-958052c64492关于Angular2中的身份验证。

我对这部分的问题是：

import localStorage from 'localStorage';

我已经在其他地方读到我应该使用这个库https://github.com/marcj/angular2-localstorage来访问HTML5中的本地存储。它真的是唯一的选择吗？我可以在不使用额外模块的情况下从angular2访问HTML5本地存储吗？

Answer 1

您可以在没有localStorage的情况下直接在服务中使用import localStorage from 'localStorage';。

Answer 2

您应该直接使用localStorage，正如其他人所提到的，它是内置的浏览器功能（supported browser）。

此外，我在下面添加了几个关于如何在其中添加条目的示例（它们以相同的方式工作）。

localStorage.colorSetting = '#a4509b';    // dot notation
localStorage['colorSetting'] = '#a4509b'; // bracket notation
localStorage.setItem('colorSetting', '#a4509b');

作为备注，angular2-localstorage在本地localStorage之上工作，并提供方便的＆＃34;在指令中自动保存和恢复变量状态的方法。

Answer 3

我注意到本地存储项目正在寻求某人接管并且目前尚未维护。所以直到那时我才会使用它。我能够在 tsconfig.json 文件中找到修复程序。

在属性库中，您只需添加 dom

即可

"lib": [
      "es2016",
      "dom"
    ]

编译器选项https://www.typescriptlang.org/docs/handbook/compiler-options.html支持此功能。

我必须为此重新启动visual studio代码才能删除错误。