目前,AngularFire2库已被升级为@angular/fire库,官方推荐使用该库。下面是升级到@angular/fire库的示例代码:
1.首先,安装@angular/fire库:
npm install firebase @angular/fire --save
2.使用AngularFireModule进行初始化,并配置Firebase项目信息:
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from '@angular/fire/database';
import { environment } from 'src/environments/environment';
@NgModule({
imports: [
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFireDatabaseModule
],
...
})
export class AppModule { }
其中,environment.firebaseConfig是你的Firebase项目配置信息。
3.在组件中引入AngularFireDatabase服务,并进行操作:
import { AngularFireDatabase } from '@angular/fire/database';
@Component({
selector: 'app-root',
template: `
- {{ item }}
`
})
export class AppComponent implements OnInit {
items: any[];
constructor(private db: AngularFireDatabase) {}
ngOnInit() {
this.db.list('items').valueChanges().subscribe(data => {
this.items = data;
});
}
}
以上示例代码演示了如何从Firebase数据库中获取数据并在组件中进行展示。
需要注意的是,由于AngularFire2库已被废弃,不再维护更新,因此建议尽快升级到@angular/fire库。