angular.js - How to automatically load the next page when angularjs is at the bottom

Question

Scenario: Many pages, users browse from top to bottom. When browsing to the end, the next page is automatically loaded.

1. If you use ng-repeat to simply accumulate data again & compile, this solution is not very good. Every time a page is loaded, all data needs to be compiled and the browsing state is reset.

2. Directly operate DOM append(node)?

Ask if anyone knows a better solution, thank you ^_^

Answer 1

I found a plug-in with the keyword "Infinite scrolling", which is exactly what I need. The link is as follows:
http://binarymuse.github.io/ngInfiniteScroll/

After looking at it carefully, although this plan is good, it is not flexible enough for me.
Open the source code and understand it slightly after reading it. I did an evaluation and rewritten a directive from it which is more suitable for my current little thing ^_^

After understanding the implementation method, everything is easy to say

Answer 2

$scope.feedList = $scope.feedList.concat([ ... ])

Answer 3

I think we should write a directive to monitor scroll