展平可观察<observable <object []>&gt;

时间:2017-01-13 21:00:58

标签: asynchronous firebase rxjs angularfire2 angular2-observables

我正在尝试在Firebase中创建一个联接。

因此,我异步从db获取id数组,然后对于每个id,我异步加载实际对象。该函数应该返回Observable

因此,使用第一个异步请求我得到了Observable(字符串是id)。 所以,无论我在这里尝试过什么,我都会得到Observable或其他一些不是我想要的东西。

代码:

getUserFavourites(userId = ""):Observable<any[]> {
  return this.af.database.list('/ranks_by_user/likes/'+userId, {
    query: {
      orderByKey: true,
      limitToFirst: 50
    }
  }).flatMap( (likes:any[]) => {
    return like.map(like => {
      return this.af.database.object("/citations/" + like.$key)
    });
  });
}

错误是:

  

Type 'Observable<FirebaseObjectObservable<any>>' is not assignable to type 'Observable<any[]>'.

1 个答案:

答案 0 :(得分:3)

您可以使用forkJoin获取引文数组。请注意,first运算符用于从object可观察量中获取当前值,因为forkJoin要求观察点完成:

import { Observable } from "rxjs/Observable";
import "rxjs/add/observable/forkJoin";
import "rxjs/add/operator/first";
import "rxjs/add/operator/switchMap";

getUserFavourites(userId): Observable<any[]> {
  return this.af.database.list('/ranks_by_user/likes/' + userId, {
    query: {
      orderByKey: true,
      limitToFirst: 50
    }
  })
  .switchMap((likes: any[]) => Observable.forkJoin(
    likes.map(like => this.af.database.object("/citations/" + like.$key).first())
  ));
}

forkJoin获取一组observable并返回一个observable,它发出一个可观察的最终值数组。

如果要返回Citation个实例,则需要创建它们(可能是使用数据库中的值)。您可以使用map运算符来执行此操作:

import "rxjs/add/operator/map";
...
likes.map(like => this.af.database.object("/citations/" + like.$key).first().map(value => new Citation(value)))
...
相关问题