如何在angular2中将数据存储在本地存储中答案

【问题标题】：how to store data in local storage in angular2如何在angular2中将数据存储在本地存储中
【发布时间】：2018-06-19 06:43:44
【问题描述】：

login(user) {
    this.loginService.login(user).subscribe((resp) => {
      console.log(resp);
    }, (err) => {
      console.log(err);
    });
  }

作为回应，我得到：

Response {_body: "{"success":{"data":{"displayName":"yash gupta","id…9.Q_jhs4sEA7dOxsdMIG0R5X8U0hW9-5ZekI6kWX265iU"}}}", status: 200, ok: true, statusText: "OK", headers: Headers, …}
headers
:
Headers {_headers: Map(1), _normalizedNames: Map(1)}
ok
:
true
status
:
200
statusText
:
"OK"
type
:
2
url
:
"http://localhost:3234/api/login/default"
_body
:
"{"success":{"data":{"displayName":"yash gupta","id":258,"email":"asdasdasd@asdasd.com","role":"admin","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkaXNwbGF5TmFtZSI6Inlhc2ggZ3VwdGEiLCJpZCI6MjU4LCJlbWFpbCI6Inlhc2hAYWtlby5ubyIsInJvbGUiOiJhZG1pbiIsImlhdCI6MTUxNTU2NjA3NCwiZXhwIjoxNTE1NjUyNDc0LCJhdWQiOiJCdWxsVG9rZW5Vc2VycyIsImlzcyI6Imh0dHBzOi8vYnVsbFRva2VuQXBpLmNvbSJ9.Q_jhs4sEA7dOxsdMIG0R5X8U0hW9-5ZekI6kWX265iU"}}}"
__proto__
:
Body

我只需要将令牌存储在浏览器的本地存储中。谁能告诉我如何使用 set item 方法存储。

【问题讨论】：

你可以看看这个模块：github.com/zoomsphere/ngx-store 和localStorageService.set('token', token)

标签： angular local-storage angular2-services

【解决方案1】：

使用 HTML 5 本地存储，

//设置

localStorage.setItem("token", Response.token);

//获取

let token = localStorage.getItem("token");

仅供参考：如果您想查看存储的变量，请按照以下步骤操作（在 chrome 浏览器中），

1) 使用开发者工具（按F12）

2) 转到应用程序选项卡

3) 从存储区域打开本地存储菜单

4) 点击您列出的网站

现在你可以看到你的变量名（token）

【讨论】：