virtual-scroll: support items of unknown size

[mmalerba]

Support virtual scrolling over a list of items whose size is not known and needs to be measured

[amcdnl]

Been testing autosize and seems to work pretty well.

[fxck]

Is this released? Or are any extra steps needed? I'm getting

ERROR Error: StaticInjectorError(AppModule)[CdkVirtualScrollViewport -> InjectionToken VIRTUAL_SCROLL_STRATEGY]: 
  StaticInjectorError(Platform: core)[CdkVirtualScrollViewport -> InjectionToken VIRTUAL_SCROLL_STRATEGY]: 

edit: looks like you need to have both

import { ScrollDispatchModule } from '@angular/cdk/scrolling';
import { ScrollingModule } from '@angular/cdk-experimental/scrolling';

imported for autosize to work

[webcat12345]

Looking forward to see this feature! 👍

[fxck]

It seems to be working fine in most of the time, except that there is always an empty space on the bottom that keeps increasing in size each time you scroll down and up a bit.

[webcat12345]

@fxck could you please share some of your code to show how to use this feature?

[fxck]

Just import import { ScrollingModule } from '@angular/cdk-experimental/scrolling'; and use it with autosize directive.

<cdk-virtual-scroll-viewport [style.height.px]="height" autosize>
  <div *cdkVirtualFor="let item of list">{{ item }}</div>
</cdk-virtual-scroll-viewport>

[webcat12345]

yes, it works for me :)

[webcat12345]

But if I use autosize strategy it can not use many functions such as scrollToIndex() ...
Is there any alternative way? For example I am going to scroll to bottom