如何使用Angular将数组存储在Firebase中

Question

我需要使用 Angular 将 Array 存储在 Firebase 中。我无法做到这一点。请帮忙。 我得到的是：

我想要的是这个：

-|bucketList
    |-zjSaw3efefsfsdffg
       0-| bItem: 'thailand'
         | isCompleted: false

       1-| bItem: kasar devi
         | isCompleted: false

等等

我正在这样做：

 const bucketRef = this.angularFireDb.list('/bucketList/' + uid );
 bucketRef.push(bucketListItems);

Answer 1

我尝试了一些东西并想出了一些东西。发布它以便它可以帮助任何寻找相同东西的人。

在我的组件中，我首先将对象推送到数组中，然后将该数组发送到服务

      this.bucketListArray.push({bItem: this.bucketListItem, isCompleted: false});
      this.authService.saveUserBucketListInDb(this.bucketListArray);

在我的服务中，我正在做的是：

saveUserBucketListInDb(bucketListItems: Array<object> ) {

this.angularFireDb.object('/bucketList/' + uid).set({
  bucketListItems
});

}

这最终给了我想要的东西，即：

谢谢。

Answer 2

通过使用push()，您可以生成一个新节点，其 id 由 Firebase (-Lz6G...) 自动生成。

如果您想使用您生成的 id（0、1、2 在您的情况下）编写一个节点，则必须使用 set() 方法。

您可能会遇到的问题（因为您创建像{bItem: this.bucketListItem, isCompleted: false} 这样的对象一个一个）是您不知道数据库中存在的最后一个 id 是什么。因此，您必须查询数据库以找到最后一个 id 的值并将其递增（最好通过transaction）。

或者，如果您能够使用对象数组一次性创建对象，如下所示，节点 ID 将遵循 0、1、2 序列。

您可以尝试以下方法：

  var bucketListItems = [
    { bItem: 'Item1', isCompleted: false },
    { bItem: 'Item2', isCompleted: false }
  ];

  const bucketRef = this.angularFireDb.list('/bucketList/');

  bucketRef.set(uid, bucketListItems);