将一组对象推送到 Firebase Collection Angular 8

Question

我正在尝试将文档添加到我的用户集合中的数组 studyList 中。

所以我有一个集合用户，其中我有名字等.. 和 studyList。

当我点击购买 DocumentItemComponent 的按钮时，我想将该文档添加到这个 studyList 数组中。

我的代码部分工作是因为它将文档添加到数组中，但是当我单击另一个文档时，它会更改第一个文档，它不会添加另一个文档。

这是我添加函数的代码：

   addToStudyList(user) {
        const userRef: AngularFirestoreDocument<any> = this.afs.doc(`users/${user.id}`);
        const data: UserInterface = {
          studyList: [{
            title: this.document.title,
            language: this.document.language,
            description: this.document.description,
            cover: this.document.cover,
            category: this.document.category,
            field: this.document.field,
            id: this.document.id,
            author: this.document.userUid,
            urlDocument: this.document.urlDocument
          }]

        }
        return userRef.set(data, {merge: true});

   }

你能帮帮我吗？ 谢谢！祝你有美好的一天！

Answer 1

这是因为当你声明：

  studyList: [{
            title: this.document.title,
            language: this.document.language,
            description: this.document.description,
            cover: this.document.cover,
            category: this.document.category,
            field: this.document.field,
            id: this.document.id,
            author: this.document.userUid,
            urlDocument: this.document.urlDocument
          }]

在这段代码中，您只为 studyList 数组分配了一个对象，该数组覆盖了现有数组，而您应该利用现有的用户 studyList 数组并将新对象推入其中，如下所示：

  addToStudyList(user) {
    const userRef: AngularFirestoreDocument<any> = this.afs.doc(`users/${user.id}`);
    user.studyList.push({
        title: this.document.title,
        language: this.document.language,
        description: this.document.description,
        cover: this.document.cover,
        category: this.document.category,
        field: this.document.field,
        id: this.document.id,
        author: this.document.userUid,
        urlDocument: this.document.urlDocument
      });
    const data: UserInterface = {
      studyList: user.studyList

    }
    return userRef.update(data);

}

Answer 2

没有直接的方法来更新文档中的数组，但是如果您使用 Firestore，它提供了 arrayUnion 和 arrayRemove 函数，您可以使用它们来添加/删除数组中的唯一项。

来自 Firestore 文档 https://firebase.google.com/docs/firestore/manage-data/add-data#update_elements_in_an_array：

试试这个：

userRef.update({
  studyList: firebase.firestore.FieldValue.arrayUnion(data)
});