如何使用 angular Firestore 获取 Firestore 中的集合 ID

Question

当我以这种方式查询 Firestore 数据库时，我无法获取文档的 ID :

你能帮我一些忙吗？

import { Component, OnInit } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection  } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
export interface Item { name: string; }

@Component({
  selector: 'app-annonces-contactees',
  templateUrl: './annonces-contactees.page.html',
  styleUrls: ['./annonces-contactees.page.scss'],
})
export class AnnoncesContacteesPage implements OnInit {
  private annoncesCollection: AngularFirestoreCollection<Item>;
  annonces: Observable<Item[]>;
    constructor(private afs: AngularFirestore) {
      this.annoncesCollection = afs.collection('annonces', ref => ref.where('prix', '>=', 1000000))
      this.annonces = this.annoncesCollection.valueChanges();
   }

  ngOnInit() {
}

}

Answer 1

我将举例说明我是如何打点的：让我们假设我收集了医院，每家医院都有其名称，phone 和位置。

  constructor(private firestore:AngularFirestore){}
  hospitalsArray=[];
  ngOnInit(){
      this.firestore.collection("hospitals").snapshotChanges().subscribe((data) => {
        this.hospitalsArray = data.map(e => {
          return { id: e.payload.doc.id, location: e.payload.doc.data()["location"], number: e.payload.doc.data()["phone"], name: e.payload.doc.data()["name"]}
        })
  }

"hospitals" 是集合的名称，此 id 是文档的 id。

所以如果你想在html文件中显示

<ion-item *ngFor="let hospital of hospitalsArray">
<ion-label>{{hospital.name}}</ion-label>
</ion-item>

如何使用 angular Firestore 获取 Firestore 中的集合 ID

How to get ID of collection in Firestore with angular Firestore

javascript

ionic-framework

angularfire2

google-cloud-firestore