离子无限滚动不会连接结果

Question

每次到达底部时，我都使用离子无限滚动来获取更多帖子
它工作正常，但它取代了不连接它的结果
这是代码

page=0

  getAllposts() {

    const url = `${this.API_URL}/getallposts?page=${this.page}`;

    return this.http.get<any[]>(url);
  }

getAllList() {
  this.getAllposts().subscribe(data => {
    this.showPosts = this.showPosts.concat(data) as PostModel[];

  
  });
} 



loadData(event) {

setTimeout(() => {
this.getAllList()
    event.target.complete();
  }, 2000);

this.page++
}
 

Answer 1

请尝试使用for loop 而不是cancat。

for (let i = 0; i < data.length; i++) {
          this.showPosts.push(data[i]);
}

Answer 2

你可以在这里使用spread operator..

this.showPosts = [...this.showposts,...data];

Reference