How to stop ng-infinite-scroll after loading complete data?

Question

Here I am facing some problems while using ng-infinite-scroll. When I am ng-infinite-scroll-distance, it actually doesn't work. Moreover all data has been loaded but ng-infinite-scroll can't be disabled?

<div class="row-fluid" infinite-scroll-distance="2" infinite-scroll="self.loadMore(self.friendList)" >

How can I make my infinite-scroll disable?

score 5 · Accepted Answer · edited Dec 30 '20 at 05:12

5

There's an infinite-scroll-disabled property that can be used in your div.

<div class="row-fluid" infinite-scroll-distance="2" infinite-scroll="self.loadMore(self.friendList)" infinite-scroll-disabled="infiniteScrollStatus" >

where infiniteScrollStatus could be a boolean value in your js that is set to true when you detect in your js that all your data has been loaded.

edited Dec 30 '20 at 05:12

mjwills

21,750
6
36
59

answered Dec 12 '16 at 11:02

Sohlowmawn

701
6
11

thanks I wouldn't implement the logic you represent here. It's working. – Akhter Al Amin Dec 14 '16 at 03:26

How to stop ng-infinite-scroll after loading complete data?

1 Answers1