The official library for Firebase and Angular
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
# Or use the 5.0 beta API! Will be released soon
npm install firebase angularfire2@next --saveimport { 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();
}
}