Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从Angular2访问HTML5本地存储_Javascript_Html_Angular_Typescript_Local Storage - Fatal编程技术网

Javascript 从Angular2访问HTML5本地存储

Javascript 从Angular2访问HTML5本地存储,javascript,html,angular,typescript,local-storage,Javascript,Html,Angular,Typescript,Local Storage,我遵循本教程:关于Angular2中的身份验证 我对这一部分提出了问题: 从“localStorage”导入localStorage 我在其他地方读到过,我应该使用这个库来访问HTML5中的本地存储。这真的是唯一的选择吗?我可以从angular2访问HTML5本地存储而不使用额外的模块吗?您可以在您的服务中直接使用localStorage,而无需从“localStorage”导入localStorage您应该直接使用localStorage,正如其他人在这里提到的,它是一个内置的浏览器功能()

我遵循本教程:关于Angular2中的身份验证

我对这一部分提出了问题:

从“localStorage”导入localStorage


我在其他地方读到过,我应该使用这个库来访问HTML5中的本地存储。这真的是唯一的选择吗?我可以从angular2访问HTML5本地存储而不使用额外的模块吗?

您可以在您的服务中直接使用
localStorage
,而无需
从“localStorage”导入localStorage

您应该直接使用
localStorage
,正如其他人在这里提到的,它是一个内置的浏览器功能()

此外,我在下面添加了几个关于如何在其中添加条目的示例(它们的工作方式相同)


需要注意的是,
angular2 localstorage
在native
localstorage
的基础上工作,提供了一种“方便”的方式来自动保存和恢复指令中的变量状态

我注意到本地存储项目正在寻找接管人,目前尚未进行维护。所以在那之前我不会使用它。我能够在我的tsconfig.json文件中找到一个补丁

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

"lib": [
      "es2016",
      "dom"
    ]
编译器选项中支持这一点


为此,我必须重新启动visual studio代码以删除错误

您不需要导入任何内容,
localStorage
是内置的浏览器功能,它是。听起来很棒。我想这在教程中是不必要的,只是一个错误?是的,我已经在我的一个服务中直接使用了
localStorage
。@ranakrunal9这在测试中是如何实现的?它工作正常吗?另一种方法是引入一个存储接口和一个模拟实现的单元测试。你是如何用typescript管理错误处理的找不到名称“localStorage”。
"lib": [
      "es2016",
      "dom"
    ]