Добавление ионного элемента к предыдущему ионному элементу вместо его замены

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 =>

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)); 
}