角材のページ番号付け次のページの機能

Question

ページの作成方法については、このチュートリアルに従います。

https://github.com/feichao/angular-material-paging

私が動作する方法を確認する項目で、JSON、MYDATAを置きます。私はジュニアプログラマですから、gotoPage（）にブロックされてしまいました。私のページで

私が変更されました：

ctrl.total = ctrl.myData.length; 
ctrl.currentPage = 1; 
ctrl.step = 6; 

ctrl.gotoPage = function() { 
    if(ctrl.total) { 
    for(var i=0; i < ctrl.total; i++) { 
      // 
     } 
    } 
}; 

を、私は私のJSONから、ページあたり10の項目を、言わせて、私だけを表示するには、この機能に置くことかわかりません。 これらの小道具と方法はデモで見ることができます。

誰かがこれを行う方法を教えてください。

Answer 1

あなたは私のページではそのページの

ctrl.total = ctrl.myData.length; //the total items in your set 
ctrl.currentPage = 1; 
ctrl.step = 6; //page size? this could be 10 if you want 
ctrl.numpages = ctrl.total/ctrl.step; //the total number of items partitioned by page size. convert this to a whole number (the ceiling) 
//go to page function here receives the indexes for that page, is that ok? 
ctrl.gotoPage = function(Page) { //i modified this to take the page number as an argument 
    if(Page<= ctrl.numpages && Page>0) //we need to check that the page is valid 
    { 
    var startpos = ((Page-1)*(ctrl.step))+1; //this is virtually a skip amount. If its the first page, i = 0, otherwise we start with an increment of the page size. If its the second page, we skip the first 6 results 
    for(var i=startpos; i < startpos+ctrl.step; i++) { 
      if(i == ctrl.total) //if its the last page we cut it off early 
       break; 
     } 
    } 
};