如何從 angular 中的 firebase 中的實時數據庫接收數據

Question

我想從 firebase 的實時數據庫中接收數據。 數據如下圖：

我試過的代碼是

return this.db.list('messages', ref => {
  return ref.limitToLast(25).orderByKey();
});

但它不工作

Answer 1

試試這個從firestore獲取消息列表。 導入AngularFireDatabase服務和AngularFireList來存儲消息集合。

 import { Injectable } from '@angular/core'; import { AngularFireDatabase, AngularFireList } from '@angular/fire/database'; @Injectable({ providedIn: 'root' }) export class MessageService { messages: AngularFireList<any>; constructor(private http: HttpClient, private db: AngularFireDatabase) { } /** * Get All tickers from firebase */ getMessages(): Observable<any> { this.messages = this.db.list('messages'); return this.messages.valueChanges(); } }

確保您已在應用模塊中導入AngularFireModule和AngularFireDatabaseModule 。

Answer 2

AngularFire 是通過 RxJs 庫使用可觀察模式構建的。

您可以使用 valueChanges() 方法 stream 數據，如文檔中所述

items: Observable<any[]>;
constructor(firestore: AngularFirestore) {
   this.items = firestore.collection('items').valueChanges();
}