从 Angular 4 将数据发布到 Firebase

Question

我使用 Angular 4 和 AngularFire 将数据发送到 Firebase。

我需要获取一些数据，例如：姓名、国家、邮政编码以及电子邮件和密码。

更新后：//

HTML 表单：

<form #formData='ngForm' (ngSubmit)="onSubmit(formData)">
 <input type="text" placeholder="Name" (ngModel)="name" name="name" class="txt" required>
 <input type="text" placeholder="Country" (ngModel)="country" name="country" class="txt" required>
 <input type="text" placeholder="code" (ngModel)="code" name="code" class="txt" required>
 <input type="text" placeholder="Email addres" (ngModel)="email" name="email" class="txt" required>
 <input type="password" placeholder="Password" (ngModel)="password" name="password" class="txt" required>
 <button type="submit" [disabled]="!formData.valid" class="basic-btn">Create Account</button>
</form>

我使用模型获取价值并使用代码发送它：

constructor(private router: Router, private db: AngularFireDatabase) {}

onSubmit(formData) {
 if(formData.valid) {
 console.log(formData.value);
 this.db.auth.createUser({
  email: formData.value.email,
  password: formData.value.password
 }).then (
   (state: AngularFireAuth) => {
    this.db.object('/users/' + state.uid).set({code: formData.value.code});
    this.router.navigate(['/login'])
  }).catch(
    (err) => {
      console.log(err);
      this.error = err;
    })
 }
}

我得到错误： 数据库没有身份验证，FireAuth 也没有createUser

this.db.auth.createUser

在此没有uid 属性

this.db.object('/users/' + state.uid).set({code: formData.value.code});

Answer 1

无法在 Firebase 的身份验证部分保存额外数据。您可以使用与身份验证部分相同的 uid 将所有额外信息保存在数据库本身中。

constructor(private db: AngularFireDatabase) {}

onSubmit(formData) {
 if(formData.valid) {
  console.log(formData.value);
  this.af.auth.createUser({
    email: formData.value.email,
    password: formData.value.password
  }).then (
    (state: FirebaseAuthState) => {
      db.object('/users/' + state.uid).set({zip: formData.value.zip});
      this.router.navigate(['/login'])
    }).catch(
      (err) => {
        console.log(err);
        this.error = err;
      })
   }
}