返回数组

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。