LocalStorage für mehrere Felder mit Angular2

Question

Ich folge diesem Beispiel: https://github.com/PillowPillow/ng2-webstorage Dies funktioniert gut für mich als boundValue gespeichert ist und ich kann es abrufen. Allerdings habe ich eine Liste von Bots:

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); 

Wie kann ich Webstorage verwenden, um Werte für alle meine Bots zu speichern?

Edit # 1: Ich habe auch Tours of Heroes verfolgt und kann die Werte ändern, die nur für die Session beibehalten werden.

Edit # 2: Ursprüngliche getBots Snippet, das Display alle Bots:

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

Answer 1

Sie direkt es

innerhalb der lokalen Speicher als Objekt/Array speichern kann

tun es einfach wie folgt,

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