AngularFire -如何使用快照更改并将数据作为变量返回

npm install firebase @angular/fire

import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from '@angular/fire/database';

@NgModule({
  imports: [
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFireDatabaseModule
  ],
  ...
})
export class AppModule { }

import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';

export class YourComponent {
  data$: Observable<any>;

  constructor(private db: AngularFireDatabase) {
    this.data$ = this.db.object('your-data-path').valueChanges();
  }
}

<div *ngIf="data$ | async as data">
  {{ data | json }}
</div>

export class YourComponent {
  data$: Observable<any>;

  constructor(private db: AngularFireDatabase) {
    this.data$ = this.db.object('your-data-path').valueChanges();
  }

  updateData(newData: any) {
    this.db.object('your-data-path').update(newData);
  }
}