2017-06-07 86 views
0

我目前工作在角2分頁。我使用ng2-pagination爲我的目的。到目前爲止我所做的是,我已經顯示通過我的API成功收到的數據。但是當我點擊下一頁按鈕時,通過再次調用該頁面的API來獲取下一頁的數據。但在這裏問題發生,收到的數據沒有得到更新在我看來。任何機構都可以告訴我如何用新數據更新現有視圖。我pagechanged功能,如何以角度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> 

打電話,我接收到的數據,並顯示在視圖。但是在頁面更改事件中,新頁面收到的數據卻沒有更新。如何更新這個視圖? 任何幫助或建議,高度讚賞。

回答

0

已解決。那是我自己的錯誤。我剛剛使用

this.ref.detectChanges(); 
    this.ref.reattach(); 

而且我的api出現了另一個問題,那就是每次調用都返回相同的數據。