Ionic与Firebase数据库Ref多次调用

时间:2017-05-30 15:36:25

标签: angular firebase ionic-framework firebase-realtime-database ionic3

我正在使用Ionic3和AngularFire2与Firebase数据库进行交互。

我有以下代码:

TS

createMessage(chatItem: any, messageText: string): Promise<firebase.database.ThenableReference> {
    let offsetRef: firebase.database.Reference = firebase.database().ref(".info/serverTimeOffset");
    return new Promise<firebase.database.ThenableReference>((resolve) => {
        offsetRef.on("value", (snap: firebase.database.DataSnapshot) => {
            var offset = snap.val();
            var negativeTimestamp = (new Date().getTime() + offset) * -1;

            chatItem.readByReceiver = false;
            if (chatItem && !chatItem.$key && chatItem.key) {
                chatItem.$key = chatItem.key;
            }
            this.updateChat(chatItem);

            let ref: firebase.database.ThenableReference = this.af.database.list('/message').push({
                chatId: chatItem.$key,
                memberId1: this.me.uid,
                memberId2: this.you.uid,
                username: this.me.displayName,
                message_text: messageText,
                timestamp: firebase.database.ServerValue.TIMESTAMP,
                negativtimestamp: negativeTimestamp,
                readByReceiver: false
            });
            resolve(ref);
        });
    });
}

这样可以正常工作,并将消息写入Firebase数据库。但是,我注意到在发送消息并在数据库中创建了大约20分钟后,再次创建了一条新的但完全相同的消息。在代码中放置一个调试语句并等待它再次触发后,我注意到以下行导致代码执行多次:

offsetRef.on("value", (snap: firebase.database.DataSnapshot) => {
    // breakpoint getting executed more than once here
});

我希望每次调用函数只执行一次。我认为offsetRef.on表现得像一个可观察的。

问题

确保代码只执行一次的最佳方法是什么?

谢谢。

1 个答案:

答案 0 :(得分:3)

你说得对,它就像一个可观察的,它会在每次改变值时被触发。确保它只运行一次once('value')。 更多信息:https://firebase.google.com/docs/database/web/read-and-write#read_data_once

offsetRef.once("value").then((snapshot) => {
    // cod will be executed once here
});