[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 @   Zhentiw  阅读(292)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2015-11-02 [Ruby] LEVEL 2 Methods and Classes
2015-11-02 [Rails Level 2] Ground up
2015-11-02 [AngularJS] 5 simple ways to speed up your AngularJS application
2015-11-02 [javascirpt] Regex
2015-11-02 [Angular 2] Passing data to components with 'properties'
2015-11-02 [TypeScript] Inheritance
2014-11-02 [Node.js] Level 3 new. Steam
点击右上角即可分享
微信分享提示