angular - 将多个文档添加到集合中

Question

我需要在集合中添加多个对象（文档），但我不想在添加新记录时更新我的​​ Observable。

我可以通过遍历要插入的对象列表来做到这一点吗？

我想显示一个正在运行记录并将其插入数据库的加载，毕竟已经在那里输入了，是的，我更新了我的 Observable。

有没有办法做到这一点？将多个对象插入 Cloud Firestore 排序规则的最正确方法是什么？

import { Component } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';

export interface Item { name: string; }

@Component({
  selector: 'app-root',
  template: `
    <ul>
      <li *ngFor="let item of items | async">
        {{ item.name }}
      </li>
    </ul>
  `
})
export class AppComponent {
  private itemsCollection: AngularFirestoreCollection<Item>;
  items: Observable<Item[]>;
  constructor(private afs: AngularFirestore) {
    this.itemsCollection = afs.collection<Item>('items');
    this.items = this.itemsCollection.valueChanges();
  }

  addItem(item: Item) {
    this.itemsCollection.add(item);
  }

  addItems(listItem: Item[]) {
       // Is it the right way to do it?
       for (let item of listItem) {
          this.itemsCollection.add(item);
       }
  }

}

标签： angulartypescriptfirebasegoogle-cloud-firestoreangularfire2