如何组合3个firebase observable而不会丢失动态更新

Hug*_*Hou 4 reactive-programming observable rxjs firebase

我有一个3平行的firebase需要.我需要将它们作为单个对象加入.代码如下:

import {Http} from "@angular/http";
import {AngularFireDatabase} from "angularfire2";
import {Thread} from "../model/thread";
import {Message} from "../model/message";
import {Participant} from "../model/participant";

constructor(private  http: Http, private db:AngularFireDatabase) { }

loadUserThreads(uid): Observable<AllUserData> {
return Observable.forkJoin([
  this.db.list('participant/' + uid + '/threads').first(),
  this.db.list('participant/' + uid + '/messages').first(),
  this.db.list('participant/' + uid + '/participants').first()
])
  .map((data:any[]) => {
    let threads: Thread[] = data[0];
    let messages: Message[] = data[1];
    let participants: Participant[] = data[2];
    let AllUserData = {
      threads: threads,
      messages: messages,
      participants: participants
    }
    return AllUserData;
  })
  }
Run Code Online (Sandbox Code Playgroud)

这项工作并返回我需要的确切格式,即使用此接口:

export interface AllUserData {
  participants: Participant[];
  threads: Thread[];
  messages: Message[];
}
Run Code Online (Sandbox Code Playgroud)

问题是forkJoin不会在没有.first()所有firebase observable的情况下运行.如果我使用.first()来完成所有的firebase observable,我会丢失动态更新,这就是为什么我首先使用firebase.我怎样才能充分利用这两个世界? - 保持firebase的可观察性,但可以像我的界面格式一样加入它们吗?我正在把头发拉出来.任何帮助将不胜感激!

ols*_*lsn 11

而不是.forkJoin(...)你可以使用.combineLatest(...).

我也精简了map的一点:

Observable.combineLatest(
  this.db.list('participant/' + uid + '/threads'),
  this.db.list('participant/' + uid + '/messages'),
  this.db.list('participant/' + uid + '/participants')
)
.map(([threads, messages, participants]: [Thread[], Message[], Participant[]]) =>
  ({ threads, messages, participants })
)
Run Code Online (Sandbox Code Playgroud)

  • 订单应始终与combineLatest保持一致,就像forkJoin一样 (3认同)