When running an Angular application with zoneless change detection, the igx-list load-data sample does not update the UI correctly after the async data-loading request completes.
When clicking the button that loads the list data, the loading indicator appears, but after the request completes successfully, the list items are not rendered. The UI remains in an incomplete state unless another action triggers change detection.
This appears to be related to zoneless change detection. In a standard Zone.js environment, the same sample renders the loaded list items correctly after the async operation completes.
I have created a sample that reproduces the behavior:
https://stackblitz.com/edit/9nvffx4k-lp7tukga?file=src%2Fapp%2Fapp.config.ts
When running an Angular application with zoneless change detection, the
igx-listload-data sample does not update the UI correctly after the async data-loading request completes.When clicking the button that loads the list data, the loading indicator appears, but after the request completes successfully, the list items are not rendered. The UI remains in an incomplete state unless another action triggers change detection.
This appears to be related to zoneless change detection. In a standard Zone.js environment, the same sample renders the loaded list items correctly after the async operation completes.
I have created a sample that reproduces the behavior:
https://stackblitz.com/edit/9nvffx4k-lp7tukga?file=src%2Fapp%2Fapp.config.ts