要获取特定类型对象的可观察对象,可以使用AngularFire2的valueChanges()
方法。下面是一个示例代码:
首先,安装 AngularFire2:
npm install firebase @angular/fire --save
然后在你的Angular组件中导入所需的模块和服务:
import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';
@Component({
selector: 'app-example',
template: `
{{ item.name }}
`,
})
export class ExampleComponent {
items$: Observable;
constructor(private db: AngularFireDatabase) {
this.items$ = this.db.list('items').valueChanges();
}
}
在上面的示例中,我们使用AngularFireDatabase
服务从Firebase数据库中获取一个名为items
的集合,并使用valueChanges()
方法将其转换为可观察对象。然后,我们在模板中使用async
管道来订阅可观察对象并将数据显示在页面上。
请确保在您的Angular模块中导入AngularFireDatabaseModule
:
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from '@angular/fire/database';
@NgModule({
imports: [
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFireDatabaseModule,
],
declarations: [ExampleComponent],
})
export class AppModule {}
记得将environment.firebaseConfig
替换为你自己的Firebase配置。