fix(list): Add markForCheck for list load on demand sample #3968

Author: mddragnev

src/app/lists/list/list-sample-6/list-sample-6.component.ts

@@ -1,4 +1,4 @@
-import { Component, ViewChild } from '@angular/core';
+import { ChangeDetectorRef, Component, inject, ViewChild } from '@angular/core';
 import { IgxDataLoadingTemplateDirective, IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list';
 import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives';
 
@@ -10,6 +10,7 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi
     imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxEmptyListTemplateDirective, IgxButtonDirective, IgxDataLoadingTemplateDirective]
 })
 export class ListSample6Component {
+    private cdr = inject(ChangeDetectorRef);
 
     @ViewChild('fruitList', { static: true })
     public fruitList: IgxListComponent;
@@ -24,6 +25,7 @@ export class ListSample6Component {
             const availableFruits: string[] = ['banana', 'orange', 'apple', 'strawberry', 'pear'];
             availableFruits.forEach((fruit) => { this.fruitsData.push(fruit); });
             this.fruitList.isLoading = false;
+            this.cdr.markForCheck();
         }, 1000);
     }