firestore-component

import { Component } from '@angular/core';
import { Observable } from 'rxjs/Observable';

import { AngularFirestore } from 'angularfire2/firestore';

@Component({
    selector: 'app-root',
    template: `
        <ul>
            <li *ngFor="let d of data | async">
                <pre>{{ d | json }}</pre>
            </li>
        </ul>
    `
})
export class AppComponent {
    public data: Observable<any[]>;

    constructor(db: AngularFirestore) {
        this.data = db.collection('/data').valueChanges();
    }
}