如何分离Firebase数据库侦听器 - Angularfire2

时间:2017-12-04 12:30:26

标签: angular firebase firebase-realtime-database angularfire2

我在AngularFire2中有一个简单的联系表单,用于将用户数据发送到Firebase数据库:

<div id="formulario" class="col-lg-6 col-xs-12">
<form [formGroup]="form" (ngSubmit)="onSubmit()">
    <div class="form-group">
      <input type="text" class="form-control" placeholder="Nome" formControlName="name">
    </div>
<div class="form-group">
      <input type="text" class="form-control" placeholder="E-mail" formControlName="email">
    </div>
<div class="form-group">
      <input type="number" class="form-control" placeholder="Telefone" formControlName="telefone">
    </div>
<div class="form-group">
<textarea class="form-control" rows="8" placeholder="Mensagem" formControlName="message"></textarea>      
    </div>
    <button type="submit" class="btn btn-default pull-left" [disabled]="form.invalid">ENVIAR</button>
  </form>

onSubmit() {
    const {name, email, telefone, message} = this.form.value;
    const date = Date();
    let formRequest = { name, email, telefone, message, date };
    this.af.list('/messages').push(formRequest);
    this.form.reset();
}

但是当用户提交表单时,它会在数据库中获得一个新连接(2/100)

enter image description here

我不希望这样,我只需要用户将数据发送到数据库,当他提交数据时,连接就会结束。

0 个答案:

没有答案
相关问题