cdkVirtualFor doesn't detect changes in array

[Arap919]

What is the expected behavior?

Delete or add items to array is displayed

What is the current behavior?

cdkVirtualFor doesn't respond to changes in the incoming array

What are the steps to reproduce?

https://stackblitz.com/edit/angular-jttzzn

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

See angular dependencies in stackblitz. Chrome 70.0.3538.110

[dnbo]

This isn't because of how the virtual scroll CDK works but instead of how the default Angular change detection works. The change detection wont trigger on array mutations, which causes your example to fail. One way to solve it is to create a copy of your array after the mutation is done, and it will work.

See working example:

https://stackblitz.com/edit/angular-f8kyeb

[sarthak-k]

Any update on this issue?