返回數組

Question

我連接到Firebase並從給定位置檢索數據，我想要做的是遍歷snapshot.val()構建和Array，通過它返回Array，然後循環的component.html並建立一個Dropdown。

目前我有困難搞清楚這種服務方法的語法，這是我目前的代碼。 - 這是從app.component.ts內ngOnInit()

getExerciseOptions(): Array<Exercise> { 

    const items: Exercise[] = []; 

    this.exerciseDbRef2.on("value", (snapshot) => { 

     snapshot.forEach((snap) => { 
      items.push({ 
       id: snap.key, 
       description: snap.val().description 
      }); 
      return false; 

     }); 
    }); 
} 

所以this.exerciseDbRef2點內Firebase表名爲如下所示：

private exerciseDbRef2 = this.fire.database.ref('/exercise_description'); 

目前我收到的錯誤是

A function whose declared type is neither 'void' nor 'any' must return a value. 

哪我明白了，所以當我將return false更改爲return items時，新的錯誤是：

Argument of type '(snap: DataSnapshot) => Exercise[]' is not assignable to parameter of type '(a: DataSnapshot) => boolean'. 
Type 'Exercise[]' is not assignable to type 'boolean'. 

我已經看過用child_added但是從我的理解，這將被稱爲每當一個新的子項添加到該位置，這是不是我要找的時間。在這個位置的孩子不會改變，也不會被添加。 - 也許我錯誤地解釋了'child_added'？

我對Firebase比較陌生，所以我在學習曲線的開頭，所以請裸露出來，我還想提一下，如果我目前這樣做的方式不正確，請帶上它我的注意力。

所以澄清：連接到Firebase，通過snapshot檢索給定的位置即exercise_description表，循環中的所有兒童，建設Array並將其返回。

然後在組件循環中通過Array並構建Dropdown。

有人可以請解釋我如何去基於snapshot.val()退回Array？

Answer 1

由於value事件是異步的，所以不能從getExerciseOptions返回數組。

但是，您可以返回一個承諾：

getExerciseOptions(): Promise<Array<Exercise>> { 
    return this.exerciseDbRef2 
     .once("value") 
     .then(snapshot => { 
     const exercises: Exercise[] = []; 
     snapshot.forEach(snap => { 
      exercises.push({ 
       id: snap.key, 
       description: snap.val().description 
      }); 
      return false; 
     }); 
     return exercises; 
    }); 
} 

你可以這樣稱呼它：

getExerciseOptions().then(exercises => console.log(exercises)); 

如果你不熟悉的承諾，你可能需要閱讀JavaScript Promises: an Introduction。