AngularFirestore — мощная библиотека, обеспечивающая плавную интеграцию между приложениями Angular и базой данных Firestore в Firebase. Он предлагает различные методы выполнения операций CRUD (создание, чтение, обновление, удаление) над коллекциями и документами Firestore. В этой статье блога мы углубимся в некоторые часто используемые методы AngularFirestore и предоставим примеры кода, демонстрирующие их использование.
- Методы ссылки на коллекции:
AngularFirestore предоставляет методы для взаимодействия с коллекциями Firestore. Вот несколько примеров:
a) add()— добавляет новый документ в коллекцию.
import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
addDocument() {
const collectionRef = this.firestore.collection('myCollection');
collectionRef.add({ name: 'John', age: 25 });
}
b) doc()— извлекает ссылку на определенный документ в коллекции.
import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
getDocument() {
const documentRef = this.firestore.doc('myCollection/documentId');
documentRef.get().subscribe((snapshot) => {
console.log(snapshot.data());
});
}
- Методы ссылки на документ:
AngularFirestore также предоставляет методы для взаимодействия с отдельными документами в коллекции. Вот несколько примеров:
a) get()— извлекает снимок документа.
import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
getDocument() {
const documentRef = this.firestore.doc('myCollection/documentId');
documentRef.get().subscribe((snapshot) => {
console.log(snapshot.data());
});
}
b) set()— устанавливает данные документа.
import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
updateDocument() {
const documentRef = this.firestore.doc('myCollection/documentId');
documentRef.set({ name: 'John', age: 26 });
}
- Методы запроса.
AngularFirestore предоставляет методы для запроса коллекций Firestore на основе определенных условий. Вот несколько примеров:
a) where()— фильтрует документы по определенному условию.
import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
queryDocuments() {
const collectionRef = this.firestore.collection('myCollection');
collectionRef.where('age', '>', 20).get().subscribe((querySnapshot) => {
querySnapshot.forEach((doc) => {
console.log(doc.data());
});
});
}
b) orderBy()— упорядочивает документы по определенному полю.
import { AngularFirestore } from '@angular/fire/firestore';
// ...
constructor(private firestore: AngularFirestore) {}
queryDocuments() {
const collectionRef = this.firestore.collection('myCollection');
collectionRef.orderBy('age', 'desc').get().subscribe((querySnapshot) => {
querySnapshot.forEach((doc) => {
console.log(doc.data());
});
});
}
AngularFirestore значительно упрощает процесс интеграции приложений Angular с Firestore в Firebase. В этой статье мы рассмотрели различные методы AngularFirestore для взаимодействия с коллекциями, документами и выполнения запросов. Используя эти методы, вы можете создавать надежные и динамичные приложения, которые легко взаимодействуют с Firestore.
Не забудьте импортировать AngularFirestore из модуля @angular/fire/firestore и обратиться к официальной документации AngularFirestore за полным списком доступных методов и их параметров.