要从集合中获取数据,你可以使用Angular Firebase库的Firestore服务。下面是一个示例代码,展示了如何从集合中获取数据:
npm install firebase @angular/fire
import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
@Component({
selector: 'app-root',
template: `
- {{ item.name }}
`,
})
export class AppComponent {
items: Observable;
constructor(private firestore: AngularFirestore) {
this.items = this.firestore.collection('items').valueChanges();
}
}
在AppComponent
类中,使用AngularFirestore
来获取集合中的数据。在构造函数中,我们使用this.firestore.collection('items').valueChanges()
来获取名为"items"的集合中的所有文档数据。这将返回一个Observable,我们可以在模板中使用async
管道来订阅和显示数据。
在模板中,使用*ngFor
指令循环遍历items
数组,并显示每个文档的名称。
这就是如何使用Angular Firebase从集合中获取数据的解决方案。你可以根据自己的需求进行适当的修改和调整。