在输入 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}`);