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

私はすべてのボットの値を格納するためにwebstorageを利用できますか？

Edit＃1：私はTours of Heroにも従っており、セッションのためだけに保持されている値を変更することができます。

編集＃2： オリジナルgetBotsが表示すべてのロボットというスニペット：次のように

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

Answer 1

あなたは直接、ちょうどそれを行う

オブジェクト/配列としてローカルストレージ内に保存することができ

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