Edited at

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

More than 1 year has passed since last update.

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の場合は自分でキーを決めて登録することができます。

スクリーンショット 2017-10-26 21.51.39.png

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


sample.ts

let assetObj = this.afdb.object('asset/' + tmpYm);

assetObj.update({
amount: remain
});

いちいちsubscribeの中でキーを取得して、そのキーに紐つくデータを更新

。。。とやるよりはすんなり実装できました。