将数据附加到 Observable Angular 2

Question

我正在尝试根据搜索参数一次从 API 加载 gif，一旦我到达页面底部，我需要再加载 20 个。我将 observable 用于 this.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 }
        }
      );

有没有办法将新数据附加到同一个 "this.observableGifs" 可观察对象中。请提出建议。

Answer 1

试试这个

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

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

);

将数据附加到 Observable Angular 2

Appending data into Observable Angular 2

html

angular

angular2-observables