从 firebase 集合中获取文档对象

Question

刚开始使用 Firebase 云，我被困住了。我希望解决方案很简单，但到目前为止我无法解决。

我使用模型创建了一个项目 (https://github.com/DragosB88/vending-machine)，但现在我想使用 firebase。所以我在firebase cloud上创建了一个项目，并在那里创建了一个集合和一个对象文档：

// SET FIRESTORE PRODUCTS - function inside service
setDBProducts(data) {
       this.firestore
           .collection('vendingProducts') // collection name on Cloud Firestore
           .doc('products')               // document name on Cloud Firestore
           .set(Object.assign({}, data)); // it only accepts objects, thus arrays must be converted
    }

效果很好：

firebase data

问题在于，当我尝试检索数据时，我得到了不同的对象（取决于我提出的请求），这些对象不包含 firebase 上的任何数据。

  // GET FIRESTORE PRODUCTS - service function
  getDBProducts() {
    return this.firestore.collection('vendingProducts').doc('products').get();
  }
  
  // ---------------------------------------------------------------
  // GET FIRESTORE PRODUCTS - component function inside constructor

 this.dbProducts = ProductsService.getDBProducts().subscribe(
    (res) => (this.dbProducts = res)
 );
 // this.dbProducts = ProductsService.getDBProducts();
 console.log('DATABASE PRODUCTS: ', this.dbProducts);

this is what I receive upon subscribing

如何从 firebase 获取产品？ （顺便说一句，我也是 observables 的新手）

Answer 1

数据是从 Firebase 异步加载的。任何需要访问数据的代码都需要在您的 subscribe 回调中（或从那里调用）。

在您当前的代码中，当您的 console.log('DATABASE PRODUCTS: ', this.dbProducts) 运行时，this.dbProducts = res 尚未执行。

所以这是一种解决方案：

 this.dbProducts = ProductsService.getDBProducts().subscribe((res) => {
    this.dbProducts = res;
    console.log('DATABASE PRODUCTS: ', this.dbProducts);
 });