Igx-grid Infinite scroll in Angular 9

Hi, I am trying to implement the infinite scroll of igx-grid in our application (Angular 9).

I downloaded sample code from https://stackblitz.com/github/IgniteUI/igniteui-live-editing-samples/tree/master/angular-demos/grid/grid-sample-5 and it works fine (Angular 11)

But I am getting errors at RUN time in my application complaining No Provider for ChangeDetectorRef. This happens at dependency injection of the constructor of component.

Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[RemotePagingService -> ChangeDetectorRef -> ChangeDetectorRef -> ChangeDetectorRef]:
NullInjectorError: No provider for ChangeDetectorRef!
NullInjectorError: R3InjectorError(AppModule)[RemotePagingService -> ChangeDetectorRef -> ChangeDetectorRef -> ChangeDetectorRef]:
NullInjectorError: No provider for ChangeDetectorRef!

Is there any way to make it working for Angular 9?

Any input is appreciated.

Hello,

I have been looking into your question and prepared a small sample like the one you mentioned using igniteui-angular version 9.0.1. On my side, everything works as expected and there are no errors. My suggestion is to check whether all imports are correct.

Here could be found my sample for your reference. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me along with steps to reproduce

Additionally, please keep in mind that according to our policy, support for IgniteUI Angular products is applicable to two versions back – the latest stable and the previous major version which means that version 9 is considered retired and it is no longer eligible for Developer Support Services.

Having this in mind, I believe that the best suggestion is to upgrade to the newest version.

Let me know if I may be of any further assistance.

Sincerely,

Teodosia Hristodorova

Associate Software Developer