加入可观察的 angularfire2 数组

Question

我正在尝试加入从 Angularfire2 实时数据库查询返回的 2 个可观察的 arrays，但我遇到了一些问题。 起初，我开始使用下面的代码，结果符合预期。 但是，我注意到每当我尝试加载更多帖子时，额外的帖子不再实时更新。

this.postList = this.postList.concat( data.slice.reverse() );

经过一番搜索，我发现 rxjs concat 可以处理加入 2 个 observable arrays。 所以我尝试了下面的代码。 现在的问题是我收到一个错误“类型'Observable'缺少来自类型'any []'的以下属性：长度、弹出、推送、连接和另外25个”

this.postList = concat( this.postList, data.slice().reverse() );

这是我用来加载帖子的功能。 目的是一次仅加载 20 个帖子，并将新帖子数组加入主帖子数组。

post.page.ts

    getPosts(limit){
      return new Promise((resolve) => {
        this.postsService.getPosts(limit).subscribe(data => {
          this.postList = data;
          this.startAtId = this.postList[this.postList.length - 1].$key;
          console.log(this.startAtId)
          if (this.lastId === this.startAtId){
            this.hasMoreData = false;
          }
          resolve(true);
        });
      });
    }

    getMorePosts(limit, endAt){
      return new Promise((resolve) => {
        this.postsService.getMorePosts(limit, endAt).subscribe(data => {
          this.postList = concat( this.postList, data.slice().reverse() ); 
          this.startAtId = this.postList[this.postList.length - 1].$key;
          if (this.lastId === this.startAtId){
            this.hasMoreData = false;
          }
          resolve(true);
        });
      });
    }

帖子数据.service.ts

getPosts(limit) {
    return this.db.list('/reasons', ref => ref.orderByKey().limitToLast(limit)).snapshotChanges().pipe( 
      map( (data: any[] ) => {
        return data.map( data => {
          console.log(data);
          const $key = data.payload.key;
          const item = { $key, ...data.payload.val() };
          return item;
        }).filter(data => data.flag !== true).filter(data => data.privacy !== true)
      })
    );
  }


  getMorePosts(limit, lastId) {
    return this.db.list('/reasons', ref => ref.orderByKey().endAt(lastId).limitToLast(limit)).snapshotChanges().pipe( 
      map( (data: any[] ) => {
        return data.map( data => {
          const $key = data.payload.key;
          const item = { $key, ...data.payload.val() };
          return item;
        }).filter(data => data.flag !== true).filter(data => data.privacy !== true)
      })
    );
  }