[AngularFire2 & Firestore] Example for collection and doc

import {Injectable} from '@angular/core';
import {Skill} from '../models/skills';
import {AuthService} from '../../auth/services/auth.service';

import 'rxjs/add/operator/do';
import 'rxjs/add/operator/startWith';
import 'rxjs/add/operator/catch';
import {Observable} from 'rxjs/Observable';
import {AngularFirestore, AngularFirestoreCollection} from 'angularfire2/firestore';


@Injectable()
export class SkillsService {

  skillCollection: AngularFirestoreCollection<Skill>;
  skills: Observable<Skill[]>;
  events: Observable<any>;

  constructor(private afs: AngularFirestore,
              private authService: AuthService) {

    this.skillCollection = afs.collection(`users/${this.uid}/skills`,
      ref => ref.orderBy('name').limit(10));
    this.events = this.skillCollection.auditTrail();
  }

  get uid() {
    return this.authService.user.uid;
  }

  getSkills(): Observable<Skill[]> {
    return this.skillCollection
      .snapshotChanges()
      .startWith([]) // To solve the snapshotChange doesn't fire for empty data
      .map((actions) =>
        actions.map(({payload}) => ({id: payload.doc.id, ...payload.doc.data()} as Skill))
      );
  }

  getSkill(key): Observable<Skill> {
    return this.afs.doc(`users/${this.uid}/skills/${key}`)
      .snapshotChanges()
      .map(({payload}) => ({id: payload.id, ...payload.data()} as Skill));
  }

  addSkill(skill: Skill) {
    return this.skillCollection.add(skill);
  }

  updateSkill(key: string, skill: Partial<Skill>) {
    return this.afs.doc<Skill>(`users/${this.uid}/skills/${key}`).update(skill);
  }

  removeSkill(key: string) {
    return this.afs.doc<Skill>(`users/${this.uid}/skills/${key}`).delete();
  }

}

 

posted @ 2017-11-02 03:04  Zhentiw  阅读(289)  评论(0编辑  收藏  举报