从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,如此处其他人所述,它是内置的浏览器功能(支持的浏览器).

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

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

作为注释,angular2-localstorage在本机之上工作,localStorage并提供一种"方便"的方式来自动保存和恢复指令中的变量状态.