[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(); } }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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