AngularFire2

The official library for Firebase and Angular 2

 

Status: Beta

What is AngularFire2?

- 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.

#### Quick links
Contributing

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

Install

``bash
npm install firebase angularfire2 --save
`

Example use:

`ts
import {Component} from '@angular/core';
import {AngularFire, FirebaseListObservable} from 'angularfire2';

@Component({
selector: 'project-name-app',
template:

• 
  {{ item.name }}
  


})
export class MyApp {
items: FirebaseListObservable;
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
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