如何從 angularfire firestore 獲取多個隨機文檔

Question

我一直在尋找解決方案，但不適用於我的應用程序，我正在嘗試使用 angularfire 和 firestore 構建一個測驗應用程序，我目前的方法是：

public getRandomQuestion(): Promise<any> {
    let ques: IQuestion;
    return this.firestore.collection('questions', ref => ref.where('randId', '>=', this.getRandomInt(1,999999)).limit(1)).valueChanges().toPromise();
  }
  public getTenRandomQuestion(): IQuestion[]{
    let obs : IQuestion[] = [];
    for (let i: number = 0; i <= 9; i++){
      this.getRandomQuestion().then(res => {
        obs[i] = res;
      });
    }
    console.log(obs);
    return obs;
}

但它總是返回一個空數組，這是我的 firestore： Firestore

Answer 1

如果您添加一些日志記錄或在調試器中運行代碼，您可以很容易地看到您的return obs在obs[i] = res被調用之前運行。

這就解釋了為什么你總是得到一個空數組，你的getTenRandomQuestion方法在從數據庫加載任何數據之前結束。

解決方案是返回一個Promise ，就像你從getRandomQuestion做的那樣。

  public getTenRandomQuestion(): Promise<IQuestion>[]{
    let obs : Promise<IQuestion>[] = [];
    for (let i: number = 0; i <= 9; i++){
      obs[i] = this.getRandomQuestion();
    }
    return obs;
  }

然后當您調用getTenRandomQuestion ，您要么添加then()子句，要么使用async和await 。