The official library for Firebase and Angular 2
Status: Beta
- Observable based - Use the power of rxjs, Angular 2, and Firebase.
- Realtime bindings - Synchronize collections as objects or lists.
- Authentication - Monitor authentication state in realtime.
npm install angularfire2 firebase --save
import {Component} from '@angular/core'; import {AngularFire, FirebaseListObservable} from 'angularfire2'; @Component({ selector: 'project-name-app', template: ` <ul> <li *ngFor="let item of items | async"> {{ item.name }} </li> </ul> ` }) export class MyApp { items: FirebaseListObservable<any[]>; constructor(af: AngularFire) { this.items = af.database.list('/items'); } }
If you want to get started quickly on building with AngularFire2, check out our 5 step developer guide that will teach you everything you need to know to be dangerous with AngularFire2.