AngularFire2
The official library for Firebase and Angular 2
AngularFire2 is currently not on new Firebase 3.0 SDK, but there is an update in progress.
Status: Beta
What is AngularFire2?
- 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.
Install
npm install angularfire2 firebase --save
Example use:
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');
}
}
Developer Guide
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.
- Installation & Setup
- Retreiving data as objects - FirebaseObjectObservable
- Retreiving data as lists - FirebaseListObservable
- Querying lists
- User Authentication - FirebaseAuthentication