Unable to get ScrollSpyInfiniteDirective to work

[csbox]

I cant seem to get ScrollSpyInfiniteDirective to work. I have added ScrollSpyInfiniteDirective to declarations in my module and ScrollSpyModule.forRoot() to my module imports. I added scrollSpy to my top level div and in my component i have imported ScrollSpyInfiniteDirective and set up my template as follows:

<div class="app-body" scrollSpyInfinite (scrollSpyInfiniteEvent)="scrollDown()">

But i do not see scrollDown() being called on scrolling all the way to the bottom. Is it possible to get some documentation on how to use it?

Thanks

[João Ribeiro]

You have to pass the spyId you want to subscribe to.
So if your using scrollSpy subscribe to window, try:

<div class="app-body" [scrollSpyInfinite]="{spyId: 'window', distanceRatio: 0.5}" (scrollSpyInfiniteEvent)="scrollDown()" >

[csbox]

I tried that but I get this error: "Error: Template parse errors:↵Can't bind to 'scrollSpyInfinite' since it isn't a known property of 'div'"

Do I need to specify the spyId, shouldnt it just use the defaults of spyId

[João Ribeiro]

try these imports:

 imports: [
        ScrollSpyModule.forRoot(),
        ScrollSpyInfiniteModule
      ],

[csbox]

I am seeing this error:
TypeError: Cannot read property 'documentElement' of undefined at ScrollSpyInfiniteDirective.evaluateScroll (infinite.directive.js:36) at SafeSubscriber._next (infinite.directive.js:26)

[João Ribeiro]

What browser are you testing on?

Sorry this directive is experimental, it needs a bit more testing.

[csbox]

using chrome

[João Ribeiro]

Oh that is odd because I tested in chrome at the time as well.

I will have a look into it tomorrow. 5am now got to do some sleeping.