获取文档 ID Firestore 角度

Question

我尝试在 Firestore 中创建一个自动文档 ID，并使用以下代码获取 Angular 8 中的文档 ID，但我在执行完成后获取了文档 ID。有人可以帮助我吗？提前致谢

        this.db.collection("testdata2").add({
        "name": "Tokyo",
        "country": "Japan",
        "Date": this.date
        })
        .then(function(docRef){ 

          component.docid=docRef.id;
          console.log("Document written with ID: ", docRef.id); 

        })
        .catch(function(error) {
          console.error("Error adding document: ", error);
        });
        console.log(component.docid);

Answer 1

所以你使用了 Promise，这意味着 then 和 catch 中的回调将在其他所有内容之后调用 - 在这种情况下，它们实际上将在最终的 console.log(component.docid) 之后调用。如果您可以将您的方法指定为async（参见MDN on async function），那么它应该更容易推理。重写您的代码将如下所示：

try {
    const docRef = await this.db.collection("testdata2").add({
        "name": "Tokyo",
        "country": "Japan",
        "Date": this.date
    });

    component.docid = docRef.id;
    console.log("Document written with ID: ", docRef.id); 
} catch (error) {
    console.error("Error adding document: ", error);
}
console.log(component.docid);