Ionic和AngularFire2:如何从FireStore文档中检索数据?

问题描述 投票:1回答:2

我可能错过了一些基础知识,希望这个问题不是太愚蠢......

我正在尝试从存储在FireStore中的文档中检索数据。我按照这里提供的示例:https://github.com/angular/angularfire2/blob/master/docs/firestore/documents.md

我想知道的是:在访问该文档后:

this.itemDoc = afs.doc<Item>('items/1');
this.item = this.itemDoc.valueChanges();

如何从该文档中检索数据?我不想要。在我的html中使用它,但从一些字段中获取数据并在TypeScript中使用它做一些事情。

显然this.item不是一个数组,所以item [0] .fieldname不起作用......

TIA。

ionic-framework document angularfire2 google-cloud-firestore
2个回答
1
投票

this.item是一个可观察的,你需要subscribe来获取数据。

this.itemDoc = afs.doc<Item>('items/1');
this.item = this.itemDoc.valueChanges();
this.item.subscribe(res=>{
    console.log(res.fieldname);
}

0
投票
//I assume you know how to use firebase with angular and ionic 
import { AngularFirestore } from 'angularfire2/firestore'; 

 constructor(private firestore:AngularFirestore)
     {
}


readNote(){
    this.readUsingObservable().subscribe(data => {
      console.log(data[0].textnote); //0 means accessing first object
     console.log(data[0].day);
//textnote and day are fields in collection object

    })
}

 readUsingObservable():Observable<any>{
    return this.firestore.collection('yourcollectionname').valueChanges();
  }
© www.soinside.com 2019 - 2024. All rights reserved.