2013-05-06 52 views
0

我在HTML頁面如下結構上顯示的內容:AngularJS:下一頁

<ul data-ng-controller="ListCtrl"> 
    <li data-ng-repeat="record in records"> 
     <div>.............</div> 
    </li> 
</ul> 

我共有15條記錄被顯示在同一頁面上。

我需要將這些頁面分成1-5,6-10,11-15,所以如果我添加了limitTo:5,那麼它只顯示前5條記錄。我需要在下一頁看到其他記錄,如6-10 & 11-15。

是否有angularJS中的任何一種過濾器或其他任何方式來做到這一點?

回答

1

您可以使用自定義 「從」 過濾器:

app.filter('from', function() { 
    return function(data, from) { 
     return data.slice(parseInt(from)); 
    } 
}); 

ES:數據-NG-重複=「記錄中記錄| from:5 | limitTo:5「

+0

謝謝..!但問題是在這種情況下,我能夠看到最後一頁僅意味着11-15。爲什麼這樣..? – 2013-05-06 09:57:47

+0

是的,當我申請表格:3 | limitTo:3它只會顯示最後一頁13-15.please help。? – 2013-05-06 10:07:32

+0

看到這個jsfiddle:http://jsfiddle.net/QcdmS/ – Luca 2013-05-06 10:27:28

1

嘗試基於引導angularjs UI指令

http://angular-ui.github.io/bootstrap/

+0

感謝您的回覆。你的意思是分頁..?除了分頁以外,還有其他捷徑嗎? – 2013-05-06 06:53:36

+0

嗨安德魯,我不認爲這個答案是特別有用的,因爲你只是發佈一個沒有任何指導的鏈接。 – Alan 2013-05-06 06:53:40

+0

@Alan:是的,我已經知道這個鏈接,但你知道除了分頁以外的其他方法..? – 2013-05-06 06:55:11