The official library for Firebase and Angular
Build Status Join the chat at https://gitter.im/angular/angularfire2
Status: Release candidate
- Observable based - Use the power of RxJS, Angular, and Firebase.
- Realtime bindings - Synchronize data in reatime.
- Authentication - Log users in with a variety of providers and monitor authentication state in realtime.
- ngrx friendly - Integrate with ngrx using AngularFire's action based APIs.
Stackblitz Template - Remember to set your Firebase configuration in app/app.module.ts.
Upgrading to v5.0? Check out our guide.
npm install firebase angularfire2 --save
import { Component } from '@angular/core'; import { AngularFireDatabase } from 'angularfire2/database'; import { Observable } from 'rxjs/Observable'; @Component({ selector: 'project-name-app', template: ` <ul> <li *ngFor="let item of items | async"> {{ item.name }} </li> </ul> ` }) export class MyApp { items: Observable<any[]>; constructor(db: AngularFireDatabase) { this.items = db.list('items').valueChanges(); } }