我如何获得所有用户的所有项目

Question

我正在练习一些 Angular/Ionic，我很难弄清楚我如何获得所有用户的所有offresList

这是我的数据库的样子：

这是我提供的offre.ts

export class OffreProvider {

public offreListRef: firebase.database.Reference;

constructor() {
  firebase.auth().onAuthStateChanged(user => {
      if (user) {
        this.offreListRef = firebase
          .database()
          .ref(`/userProfile/${user.uid}/offreList`);
      } 
  });
}

 createOffre(
  offreTitre: string,
  offreSecteur: string,
  offreVille: string,
  offreDispo: string,
  offreDescrip: string,
  offreDate : string,
 ): firebase.database.ThenableReference {
 return this.offreListRef.push({
  titre: offreTitre,
  secteur: offreSecteur,
  ville: offreVille,
  dispo: offreDispo,
  descrip: offreDescrip,
  date : offreDate
});
}

getOffreList(): firebase.database.Reference {
return this.offreListRef;
}
}

这就是我获得 currentUser 的所有优惠的方式 mesOffres.ts

  export class MesOffresPage {

  public offreList: Array<any>;

  constructor(public navCtrl: NavController, public navParams: NavParams, 
 public offreProvider: OffreProvider) {
 }

  creatOffre(): void {
 this.navCtrl.push('CreateOffrePage');
 }

 ionViewDidLoad() {
 this.offreProvider.getOffreList().on("value", offreListSnapshot => {
   this.offreList = [];
   offreListSnapshot.forEach(snap => {
     this.offreList.push({
      id: snap.key,
      titre: snap.val().titre,
      secteur: snap.val().secteur,
      ville: snap.val().ville
      });
     return false;
  });
 });
 }
 }

现在我如何使用 alloffres.ts 获取所有用户的所有offreslist 并在 alloffres.html 中显示 我堆了2天

Answer 1

要获得所有用户的优惠，您必须加载所有用户数据。像这样的：

ionViewDidLoad() {
  let ref = firebase.database().ref("userProfile");
  ref.on("value", userListSnapshot => {
    this.offreList = [];
    userListSnapshot.forEach(userSnapshot => {
      let offerListSnapshot = userSnapshot.child("offreList");
      offerListSnapshot.forEach(offerSnapshot => {
        this.offreList.push({
          id: snap.key,
          titre: snap.val().titre,
          secteur: snap.val().secteur,
          ville: snap.val().ville
        });
      });
    })
  });
 }

请注意，此代码还会为每个用户加载配置文件数据，但它不使用这些数据。这是经验丰富的 Firebase 开发人员建议将单独的实体类型保留在单独的顶级列表中的众多原因之一。因此，在您的情况下，我建议您：

userProfiles: {
  uid1: {
    ...
  },
  uid2: {
    ...
  }
},
userOffers: {
  uid1: {
    "-LRZ...": {
      ...
    }
  },
  uid2: {
    "-LRQ...": {
      ...
    }
  }
}

使用上述结构，您可以只为所有用户加载优惠，其代码与我在上面分享的非常相似。但是使用更新的结构，您将不会不必要地加载用户配置文件数据。如果您需要用户的个人资料数据和优惠，您可以轻松地在单独的调用中加载两者。性能将非常相似，因为Firebase pipelines the requests over a single connection。