- 安装AngularFire依赖
使用以下命令安装AngularFire依赖:
npm install firebase @angular/fire
- 引入AngularFireModule
在你的应用的app.module.ts文件中引入AngularFireModule:
import { AngularFireModule } from '@angular/fire';
import { environment } from '../environments/environment';
@NgModule({
imports: [
BrowserModule,
AngularFireModule.initializeApp(environment.firebase)
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule {}
- 使用AngularFireDatabase
在你的组件中注入AngularFireDatabase并使用数据库:
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
`,
})
export class AppComponent {
items: Observable;
constructor(db: AngularFireDatabase) {
this.items = db.list('items').valueChanges();
}
}
- 配置Firebase
在src/environments/environment.ts文件中添加Firebase配置:
export const environment = {
production: false,
firebase: {
// 配置Firebase信息
}
};