角度如何推入可觀察陣列？ 英雄：可觀察 <Hero[]>

Question

給定一個數組：

// hero.service.ts
hero: Observable<Hero[]>;

您將如何執行類似以下操作： hero.push（newHero）？

Answer 1

不確定您要實現的目標，但由於您標記了Firestore。 我猜您可以使用angularfirestorecollection並將它們映射到以后的可觀察數組。

cardsCollection: AngularFirestoreCollection<Card>;
  cardDoc: AngularFirestoreDocument<Card>;
  cards: Observable<Card[]>;

在初始化時，您會將它們綁定在一起。

ngOnInit() {
  this.cards = this.cardsCollection.snapshotChanges().map(changes => {
    return changes.map(a => {
      const data = a.payload.doc.data() as Card;
      data.id = a.payload.doc.id;
      return data;
    });
  });
}

然后您可以將卡片添加到AngularFirestoreCollection。

addCard(card: Card) {
    this.cardsCollection.add(card);
}

希望這可以幫助。 如果您想查看我的完整代碼和項目，請轉到我的github 。