Ionic3 Angularfire 监听 Firestore 的变化

Question

firebase 云功能成功更新文档后如何监听事件？因为函数运行时有几秒钟的延迟。我想实现一个加载屏幕并在函数成功更新记录时将其关闭。

示例：

1. MyApp 将数据更新到 firebase ref A
2. firebase 函数检测 ref A 的变化并执行更新相同的数据到 ref B
3. MyApp 不知道 firebase 函数何时会完成上述第 2 步，我需要听 ref B 进行更改以解除加载

Answer 1

您可以使用 Angularfire 的 update 或 set 方法来更改文档的值。这些方法返回一个Promise，完成后你可以删除hte loader。

updateItem() {
    this.loading = true;
    const item = { id: 1, name: "My Item };
    this.db.doc('item/1').update(item)
                         .then(() => this.loading = false;;
}

更多例子请看angularfire documents documentation

更新：

如果您需要订阅文档更改而不更改它，只需执行以下操作：

this.db.doc('item/1).valueChanges()
                    .subscribe((data) => console.log('new data logic');