从firebase角度数据模型迭代到对象

Question

我想从我的angualr firebase app中的/ type中获取所有类型。

我写了一个提供者函数

getAllDetails() {
    let fn = firebase.database().ref('/type').on("value", function (snapshot) {

        console.log(snapshot.val());
        return snapshot.val();
    });
    return fn;

}

在主类上我试图拉出数组中的所有数据

type: Array<any> = [];


ngOnInit() {

  this.type.push(this.db.getAllDetails());

}

但它没有在html中的ngFor标签中提取任何数据，在控制台中打印对象。附图。

  <ion-select>
     <ion-option *ngFor="let item of type ">{{item.type}}</ion-option>
  </ion-select>

enter image description here