0
私は現在、角度2でページ分割に取り組んでいます。私はng2ページネーションを私の目的に使用しています。私がこれまで行ってきたことは、私のAPIを介して受け取ったデータが正常に表示されたことです。次のページボタンをクリックすると、次のページのデータは、そのページのAPIを再度呼び出すことによって取得されます。ここで問題が発生した場合、受信したデータは私のビューで更新されません。既存のビューを新しいデータで更新する方法を教えてください。私が関数は、最初に呼んで角度2のモデルの更新で更新されたデータを表示する方法は？
pageChanged(event)
{
// alert(event)
this.p=event;
this.httpService.getAllLaptops(event).subscribe(
data => {
const myArray = [];
for (let key in data) {
myArray.push(data[key]);
}
this.GetAllLaptop = myArray;
}
);
}
と私のビューテンプレート
<ul>
<li *ngFor="let item of GetAllLaptop[2] | paginate: { itemsPerPage: 10, currentPage:p,totalItems:GetAllLaptop[1] }"> {{item.SNR_Title}} </li>
</ul>
<pagination-controls (pageChange)="pageChanged($event)"
directionLinks="true"
autoHide="true"
previousLabel="Previous"
nextLabel="Next"
screenReaderPaginationLabel="Pagination"></pagination-controls>
あるpagechanged、私はデータを受信し、ビューでそれを示しています。ページ変更イベントでは、新しいページで受信されたデータが更新されませんでした。どのようにこのビューを更新できますか？ ご意見やご提案をいただければ幸いです。