ANGULAR How to push to observable array? hero: Observable<Hero[]>

Question

Given an array:

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

How would you do something similar to: hero.push(newHero)?

Possible duplicate of RxJS: How would I "manually" update an Observable? — Vikas
– Vikas, Commented May 4, 2018 at 18:43

GreedyAi · Accepted Answer · 2018-05-04 22:09:14Z

2

Not sure what you are trying to achieve, but since you tagged firestore. I guess you could use angularfirestorecollection and map them to observable array later.

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

On init you will bind them together.

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;
    });
  });
}

and then you can add cards to AngularFirestoreCollection.

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

Hope this helps. If you want to see my full code and project go to my github.

edited May 4, 2018 at 22:09

answered May 4, 2018 at 18:58

GreedyAi

2,8394 gold badges31 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

iSebbeYT Over a year ago

Great! Your example helped me understand some thing that made it work for me! Thanks! :)

GreedyAi Over a year ago

I'm glad! you should edit the question fitting your solution.

Collectives™ on Stack Overflow

ANGULAR How to push to observable array? hero: Observable<Hero[]>

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related