使用AngularFire2 Object Observable预填充表单

import { Component } from '@angular/core';
import { AngularFireDatabase, AngularFireObject } from '@angular/fire/database';
import { Observable } from 'rxjs';
import { FormGroup, FormControl } from '@angular/forms';

export class AppComponent {
  form: FormGroup;
  data: AngularFireObject<any>;
  item: Observable<any>;

  constructor(private db: AngularFireDatabase) {
    this.data = db.object('path/to/data');
    this.item = this.data.valueChanges();
    this.form = new FormGroup({
      field1: new FormControl(),
      field2: new FormControl(),
      // 添加其他表单字段
    });
  }
}

ngOnInit() {
  this.item.subscribe(data => {
    this.form.patchValue(data);
  });
}

<form [formGroup]="form">
  <input type="text" formControlName="field1">
  <input type="text" formControlName="field2">
  <!-- 添加其他表单字段 -->
</form>