在输入Firestore Angular中显示集合文档内容

Question

我正在尝试在输入字段中显示Firestore中的数据，但最终会出现错误

intem.services.ts

getItem(itemId) {
  return this.afs.doc('items' + itemId);
}

item.component.ts

item;
constructor(
  private router: Router,
  private afs: AngularFirestore,
  private route: ActivatedRoute,
  private itemService: ItemService) {

  const id = this.route.snapshot.paramMap.get('id');
  if (id) {this.itemService.getItem(id).snapshotChanges().pipe(take(1), map(p => this.product = p));
}

item.component.html

<input #title="ngModel" [(ngModel)]="item.title" name="title" type="text" id="title" class="form-control">

Answer 1

尝试在ngAfterViewInit() or ngAfterContentInit()中获取数据。此外，我还要注意您的数据结构是什么样的，但如果您有一个ID并想要一个单独的文档，那么它就是return this.afs.doc(`items/${itemId}`);