typescript - 按城市过滤报价列表，该列表等于我将在我的 html 中输入的值

Question

我正在练习一些 Angular/Ionic，并且很难弄清楚如何按城市获得 offerLists 过滤器，

这就是我获得所有offres AllOffer.ts 的方式，我获得所有用户的优惠，我必须加载所有用户数据。像这样：

export class AllOffresPage {

public offreList: Array<any>;

constructor(public navCtrl: NavController, public navParams: NavParams, 
private db : AngularFireDatabase) {
}

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: offerSnapshot.key,
        titre: offerSnapshot.val().titre,
        sector: offerSnapshot.val().sector,
        city: offerSnapshot.val().city,
        descrip: offerSnapshot.val().descrip,
      });
      console.log(offerListSnapshot.key)
      return false;
    });
    })
   });
   }

现在的问题是我如何按城市获得 offerLists 过滤器，

 export class OffreByVillePage {

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

 ionViewDidLoad() {

   // I don't know the code to show data filtered by city, I m stacking for 
    2 days
 }

标签： typescriptfirebasefirebase-realtime-databaseionic3