具有 Angular2 的多个字段的 LocalStorage

Question

我正在关注这个例子：https://github.com/PillowPillow/ng2-webstorage 这对我来说很好，因为 boundValue 已存储并且我可以检索它。但是，我有一个机器人列表：

bot.component.html

<tr *ngFor="let bot of bots" 
        routerLink="/botlevelup/{{bot.id}}">
            <td>{{bot.id}}</td>
            <td>{{bot.lastLevel}}</td>
</tr>

botlevelup.component.html

Last Level: {{boundValue}}
<input [(ngModel)]="bot.lastLevel" />

botlevelup.component.ts

this.storage.store('boundValue', this.bot.lastLevel);

如何使用网络存储为我的所有机器人存储值？

编辑 #1：我也关注了英雄之旅，我能够更改仅在会话中保留的值。

编辑#2：显示所有机器人的原始 getBots 片段：

  getBots(): Observable<Bot[]> {
      return this.http.get<Bot[]>(this.botsUrl)
      .pipe(
      catchError(this.handleError('getBots', []))
    );
  }

Answer 1

您可以直接将其作为 object/array

存储在本地存储中

按如下操作即可，

this.storage.store('botsboundvalue', JSON.stringify(this.bots));

具有 Angular2 的多个字段的 LocalStorage

LocalStorage for multiple fields with Angular2

angular

local-storage

web-storage