Firebase 未将数据上传到数据库

Question

我正在开发一个 Angular+Firebase 项目。我正在尝试将我的数据上传到 firebase 数据库。但是我在做的时候遇到了错误。下面是我的 FirebaseService 代码。

import { AngularFirestore } from 'angularfire2/firestore';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { AngularFireDatabaseModule, AngularFireDatabase } from 'angularfire2/database';
import { AngularFireObject, AngularFireList } from 'angularfire2/database';
import * as firebase from 'firebase';

@Injectable()
export class FirebaseService {
  listings ;
  listing: Observable<any[]>;
  folder: any;

  constructor(private db: AngularFireDatabase) {
    this.folder = 'listingimages';
   }

  getListings(){

      this.listings = this.db.list('/listings').snapshotChanges().map(actions => {
        return actions.map(action => ({ key: action.key, ...action.payload.val() }));
      })
      return this.listings;
  }

  getListingDetails(id){
    this.listing = this.db.object('/listings/'+id).valueChanges() as Observable<Listing[]>;
    return this.listing;

  }

  addListing(listing){
    //Create Root Reference     
        let storageRef = firebase.storage().ref();
    for(let selectedFile of [(<HTMLInputElement>document.getElementById('image')).files[0]]){
      let path = `/${this.folder}/${selectedFile.name}`;
      let iRef = storageRef.child(path);
      iRef.put(selectedFile).then((snapshot) => {
        listing.image = selectedFile.name;
        listing.path = path;
        console.log(this.listings);
        return this.listings.push(listing);

        });
    }
  }

}

interface Listing{
    $key?: string;
    title?: string;
    type?: string;
    image?: string;
    city?: string;
    owner?: string;
    bedrooms?: string
}

控制台出现的错误截图如下：

我不明白为什么它显示未定义的错误？

Answer 1

this.listings 仅在您的 getListings 和 getListingDetails 方法中分配。但是您在addListing 中访问它。可能发生的情况是您在调用其他方法之一之前调用了addListing。

如果您想以任何顺序调用这些方法，您将不得不找到另一种不依赖于之前发生的其他事情的方式来写入数据库。