将数据附加到Observable Angular 2中

Question

我正在尝试一次基于搜索参数20从API加载gif，一旦我到达页面底部，我需要再加载20个。我使用了observable.However，我不知道如何将数据附加到我的Observable。每次滚动到页面底部时，首先会删除20个结果，只显示新的20个结果。你能帮忙吗？

HTML代码：

<span *ngIf="afterSubmit" (scroll)="onScroll()">
              <a *ngFor="let gif of observableGifs | async"> 
                <iframe [src]="sanitizer.bypassSecurityTrustResourceUrl(gif)"></iframe>
              </a>
            </span>

打字稿代码：

this.observableGifs = this.gifservice.getGifs(this.gifForm.value,this.offset); ---> My API data comes from this method which I am assigning it to Observable.

    this.observableGifs
      .subscribe((gifs) => { this.gifs = gifs }
        }
      );

有没有办法将新数据添加到同一个＆＃34; this.observableGifs＆＃34;观察到的。请建议。

Answer 1

试试这个

this.observableGifs =this.gifservice.getGifs(this.gifForm.value,this.offset); 

this.observableGifs
.subscribe((gifs) => { this.gifs = this.gifs.concat(gifs) }
}

）;