【Firebase】subscribeの中でデータ更新処理→無限ループになった

4453 ワード
Angular2 TypeScript ionic2 Firebase TypeScript テキストリンク

AngularFireを用いた実装で詰まったのでメモ。

subscribeの中で自分自身をupdateしていたため、またsubscribeが走って無限ループとなるようです。

sample.ts
this.afdb.list('asset')
  .subscribe(item => {
    let tf = item.filter(t => {
      // tmpYm => (ex)2017/10
      return t.ym == tmpYm;
    });

    if (tf.length == 0) {
      let assetList = this.afdb.list('asset');
      assetList.push({
        ym: tmpYm,
        amount: remain
      });
    } else {
      let assetObj = this.afdb.object('asset/' + tf[0].$key);
      assetObj.update({
        // 無限ループされる
        amount: remain
      });
    }
  });

【解決策】データの保存方法を変える

pushでデータ登録した場合は、kakeiboのように一意なキーが自動的に生成されて登録されます。
一方updateの場合は自分でキーを決めて登録することができます。

最初、kakeiboのように登録していこうと思っていたのですが、updateを頻繁に行うようなデータを扱う場合は自分でキーを決めた方が実装がラクだったので、updateを使うことにしました。

sample.ts
let assetObj = this.afdb.object('asset/' + tmpYm);
assetObj.update({
  amount: remain
});

いちいちsubscribeの中でキーを取得して、そのキーに紐つくデータを更新
。。。とやるよりはすんなり実装できました。