Question

我从api获取分页问题列表，我有一个按钮，它运行一个功能，并获得下一页的问题。我需要添加这个以前的离子项而不是替换它这是我的代码：

home.html:

<div *ngFor="let question of this.questions?.data">
<ion-item class="questions_div" (click)="goToConsult(question.id);">
<p text-wrap>{{question.title}}</p> 
<span>{{question.created_at | jalali}}</span>
</ion-item>
</div>

现在发生的事情是它获取第二页并将其替换为第一页，我需要将其添加到第一个离子项

home.ts =＆GT;

loadMore(currentPage){
this.nextPage = ++this.currentPage;
this.showLatestQuestions(this.nextPage);}

showLatestQuestions(currentPage){
this.questionsProvider.getLatestQuestions(currentPage)
.then(data => {
  this.questions = data;
  this.currentPage = this.questions.current_page;
  return this.currentPage;
})
.catch(error => alert(error)); }

Answer 1

只需将您的新问题推送到现有数组，而不是像这样分配新数据 -

 showLatestQuestions(currentPage){
this.questionsProvider.getLatestQuestions(currentPage)
.then(data => {
  for(let i=0; i< data.data.length;i++){
     this.questions.push(data.data[i]);
  }
  this.currentPage = this.questions.current_page;
  return this.currentPage;
})
.catch(error => alert(error)); 
}

将离子项添加到上一个离子项而不是替换它

1 个答案: