How can I do this data structure in Firebase with Angular?

Question

I would like such a data structure:

I tried this:

  this.db
      .collection("users")
      .doc(`${this.id}`)
      .update({
        records: [
          {
            index: pointIndex,
            x: pointX,
            y: pointY
          },
        ],
      });

But this solution does not put records[1], records[2], etc... in the database. Just generates an array and always updates its values.

How can I do the data structure shown in the first image to have records[1], records[2] etc ....?

This is because record has only one element.

N.F.
– N.F.

2021-03-23 01:13:32 +00:00
Commented Mar 23, 2021 at 1:13 — N.F.
– N.F., Commented Mar 23, 2021 at 1:13

JM Gelilio · Accepted Answer · 2021-03-23 05:42:43Z

1

Use the FieldValue.arrayUnion to add your new data, example:

this.db
    .collection('users')
    .doc(`${this.id}`)
    .update({
      records: firebase.firestore.FieldValue.arrayUnion(
              {
                index: pointIndex,
                x: pointX,
                y: pointY
              }
             )
    });

answered Mar 23, 2021 at 5:42

JM Gelilio

3,8061 gold badge15 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

How can I do this data structure in Firebase with Angular?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related