The official library for Firebase and Angular 2

Build Status Join the chat at https://gitter.im/angular/angularfire2

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.

Contributing

Plunker Template - Requires to set your Firebase credentials in app.module.ts.

npm install firebase angularfire2 --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 productive with AngularFire2.

1. Installation & Setup
2. Retreiving data as objects - FirebaseObjectObservable
3. Retreiving data as lists - FirebaseListObservable
4. Querying lists
5. User Authentication - FirebaseAuthentication