Ionic 2 Angularfire2 - 将对象列表从数据库添加到 FirebaseListObservable

Question

我正在尝试在我的 Firebase 数据库中显示对象列表，但我很难将对象添加到 FirebaseListObservable。

这是我的代码：

    products: FirebaseListObservable<any[]>;

    this.db.list('products/' + this.user.uid, { preserveSnapshot: true})
                .subscribe(snapshots=>{
                  var jsonObject = [];
                  snapshots.forEach(snapshot => {
                    jsonObject.push(snapshot.val());
                  });
                  this.products = jsonObject;
    });

我得到的错误是我无法将任何 [] 分配给 FirebaseListObservable。

这是我的 HTML：

<ion-list>
    <ion-item class="text" *ngFor="let product of products | async">
      {{product}}
    </ion-item>
 </ion-list>

我的数据库如下所示：

Answer 1

你的 products 是 FirebaseListObservable，但是，你的 jsonObject 是一个数组，所以你不能让 this.products = jsonObject

也许你应该这样做：

products: Observable<any[]>;
this.products = this.db.list('products/' + this.user.uid, { preserveSnapshot: true})
            .map(snapshots=>{
             return snapshots.map(snapshot => {
                return snapshot.val();
              });
});