The official library for Firebase and Angular 2
Status: Beta
- Observable based - Use the power of rxjs, Angular 2, and Firebase.
- Realtime bindings - Synchronize database collections as objects or lists.
- Authentication - Monitor authentication state in realtime.
Plunker Template - Requires to set your Firebase credentials in app.module.ts.
npm install firebase angularfire2 --saveimport{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> `})exportclassMyApp{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 productive with AngularFire2.