天天看點

AngularJS:實作頁面滾動到底自動加載資料的功能

要實作這個功能,可以通過這個第三方控件來實作。步驟如下:

1. 下載下傳ng-infinite-scroll.js程式

目前版本是1.0.0

2.

如果你是用的jQuery2.0以上版本,還需要修改ng-infinite-scroll.js程式,将所有的将所有的$window.xxx改為$(window).xxx,

elem.xxx改為$(elem).xxx

3. 在HTML中引入script

4. HTML示例代碼如下:

5. PostListController.js代碼如下:

這樣就實作了頁面拖動到底後,從伺服器自動加載資料的功能。