Cloud Firestore

| Angular | Firebase | TypeScript | Google Cloud Platform | ブログカテゴリ(Firebase) |

• https://firebase.google.com/docs/firestore?hl=ja

データの並べ替え

• https://firebase.google.com/docs/firestore/query-data/order-limit-data?hl=ja

AngularFire

• https://github.com/angular/angularfire/blob/master/docs/firestore/querying-collections.md

Collection

import { Observable } from 'rxjs';
import { AngularFirestore, QuerySnapshot, DocumentSnapshot, DocumentData } from '@angular/fire/firestore';
 
export const FS_PATH_INFORMATIONS = 'informations/';
 
constructor(
    public firestore: AngularFirestore
) { }
 
public getInformations(user?: User): Observable<QuerySnapshot<DocumentData>> {
    const path =  `${FS_PATH_INFORMATIONS}`;
    console.log(`get informations..[${path}]`);
    return this.firestore.collection<InformationCard>(path).get();
}

  ngOnInit(): void {
    let outer = this;
    this.bookService.getInformations().subscribe({
      next(p){
        p.forEach(d => {
          outer.infoCards.push(d.data() as InformationCard);
        });
      }
    });
  }