网站搜索

javascript - Angular Firebase 从 Firestore 获取列表


我想知道如何从 Cloud Firestore 获取列表。

我上传这样的列表:

export interface Data {
  name: string;
  address: string;
  address2: string;
  pscode: string;
  ccode: string;
  name2: string;
}

constructor(private afs: AngularFirestore){
    this.notesCollection = this.afs.collection(`imones`, (ref) => ref.orderBy('time', 'desc').limit(5));
}

  notesCollection: AngularFirestoreCollection<Data>;

//creating item in list (imones)

createItem(){
  this.notesCollection.add(this.busines);
}

现在的问题是如何从那里获取所有列表项?

这是我的尝试:

constructor(private afs: AngularFirestore){
  this.items = this.notesCollection.valueChanges();
}
  items: Observable<Data[]>;

HTML :

 <p *ngFor="let item of items">{{item.name}}</p>

错误 :

错误 错误:无法找到支持类型为 'object' 的对象 '[object Object]' 的差异器。NgFor 仅支持绑定到可迭代对象,例如数组。

再次出错:

答案#1

我不确定你是否可以像这样在模板中迭代一个可观察对象。我会这样做:

constructor(private afs: AngularFirestore){
  this.notesCollection.valueChanges().subscribe(items => this.items = items);
}
  items: Data[];