nginfiniteScroll appears to block controller

Asked Nov 23 '14 at 20:31

Active Nov 23 '14 at 20:36

Viewed 87 times

If I comment out...

infinite-scroll="content.loadContent()

... then my items bind correctly. If I leave it in then, even though loadContent is called when I scroll, no items are bound.

div(ng-controller='contentController as content', class="wrapper", ng-cloak)
    ul#contentList(infinite-scroll="content.loadContent()", infinite-scroll-distance="20")
        li.item(ng-repeat='item in content.content')
            OMG

If I bind to a simple inline array then that binds ok even with infinite scroll in place.

Why is infinite scroll stopping my controller content from binding? Is it because it has an isolate scope? If so then how does the demo code here manage to access the scope of the outer controller?

edited Nov 23 '14 at 20:36

asked Nov 23 '14 at 20:31

Ian Warburton

13,336
19
85
164

plunkr might be useful here, you are giving us quite limited info – Mutmatt Nov 23 '14 at 22:06
@IanWarburton found any solution? i'm having same issue http://stackoverflow.com/questions/37511169/angular-binding-not-working-properly-with-nginfinitescroll – adolfosrs May 29 '16 at 19:54
@adolfosrs I switched to server side rendering for my site for SEO. – Ian Warburton May 31 '16 at 15:14
@IanWarburton dont know if i got it. How can i do this? – adolfosrs May 31 '16 at 15:16
@adolfosrs Sorry, what I meant was that I stopped using Angular. I didn't find a solution to this problem. – Ian Warburton May 31 '16 at 15:17

nginfiniteScroll appears to block controller

0 Answers0