導入'rxjs/add/operator/map'； 使用 AngularFirestore、AngularFirestoreCollection、AngularFirestoreDocument

Question

構造函數（公共 afs：AngularFirestore）{ this.itemsCollection = this.afs.collection('items', ref => ref.orderBy('title', 'asc'));

this.items = this.itemsCollection.snapshotChanges().map(changes => {
  return changes.map(a => {
    const data = a.payload.doc.data() as Item;
    data.id = a.payload.doc.id;
    return data;
  });
});

} map 無法識別。

Answer 1

您需要使用pipe在可觀察流上添加運算符，嘗試：

this.items = this.itemsCollection.snapshotChanges().pipe(map(changes => {
  return changes.map(a => {
    const data = a.payload.doc.data() as Item;
    data.id = a.payload.doc.id;
    return data;
  });
}));