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

时间:2018-01-21 18:40:13

标签: ionic-framework document angularfire2 google-cloud-firestore

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

我正在尝试从存储在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。

2 个答案:

答案 0 :(得分:1)

this.item是一个可观察的,您需要subscribe才能获取数据。

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

答案 1 :(得分: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();
  }