Angular2でFirebaseにデータを追加するには？

Question

私のフォームからAngular2アプローチでFirebaseに値をプッシュするにはどうすればよいですか？ 私は今までこのコードを持っています。

マイフォームコンポーネント

export class addContentComponent { 
    add: FormGroup; 
    constructor(public fb: FormBuilder) { 
     this.add = this.fb.group({ 
      firstname: ['', Validators.required], 
      lastname: ['', Validators.required], 
        }); }; 
    submitadd() { 
      const fbdbref = firebase.database().ref('add').push({ 

       /* I am not sure where to go from here*/ 

      }); 
    } 
} 

マイHTML

<form (ngSubmit)="submitadd()"class="ui form" [formGroup]="add" novalidate> 
<input type="text" class="text-muted-signature" [formControl]="add.controls['firstname']" placeholder="FirstName" required> 

<input type="text" class="text-muted-signature" [formControl]="add.controls['lastname']" placeholder="LastName"> 

    <p> 
<button [disabled]="!add.valid" type="submit">add it!</button> 
              </p> 

Answer 1

あなたはAngular2でfirebaseデシベルを使用する公式のプラグインですangularfire2プラグインを使用することができます。

あなたはリンクからプラグインをダウンロードすることができますhttps://github.com/angular/angularfire2 さらなるプロセスは、これは私が

import { Component, OnInit } from '@angular/core'; 
import {AngularFireDatabase, FirebaseListObservable} from 'angularfire2/database'; 

@Component({ 
selector: 'app-root', 
templateUrl: './app.component.html', 
styleUrls: ['./app.component.css'], 
providers:[AngularFireDatabase] 
}) 
export class AppComponent implements OnInit{ 
    title = 'app'; 
    model={}; 
    hostEl:any; 
    items: FirebaseListObservable<any[]>; 

    constructor(private db: AngularFireDatabase, private el:ElementRef,private renderer: Renderer2) { 
this.items = db.list('/users'); // To fetch data from db 
this.hostEl = el.nativeElement; 
console.log(this.items); 

}

addToDb() { 
    console.log(this.model); 
    this.db.list('/users').push(this.model); 
} 

を表示してfirebase DBにデータを追加しています方法ですread.md

で提供されています

}

はこれがあなたを助けてくれることを願っています:)