cdk-virtual-scroll-viewport с переменной высотой элемента

Question

Я хотел бы использовать cdk-virtual-scroll-viewport в представлении TimeLine с элементами разной высоты.

Таким образом, настройка itemSize="x", которая согласно документации относится к Размер элементов в списке (в пикселях) , нецелесообразен.

autosize пока недоступно.

Можно ли вообще использовать виртуальную / бесконечную прокрутку с cdk-virtual-scroll-viewport с переменными размерами элементов?

Обновление

Я искал альтернативные решения для виртуальной / бесконечной прокрутки и, вряд ли могу поверить, кажется, что существует решение нет , которое работает с динамической высотой строки, даже с https://github.com/rintoj/ngx-virtual-scroller, это не рекомендуется .

Обновление 2, июль 2019 года

Поскольку пока что решения по-прежнему нет, я считаю, что «достаточно хорошим» способом обойти это было бы загрузить фиксированное количество элементов и добавить кнопку для загрузки большего количества элементов в нижней части списка, как в этот пример: https://stackblitz.com/edit/ang-mat-load-more

Answer 1

itemSize = "x" не помогает установить высоту ... вам придется использовать CSS, чтобы назначить произвольную высоту самостоятельно.

• ref: виртуальная прокрутка на Angular 7 - высота по умолчанию равна нулю

В ответ на ваш вопрос, переменные размеры элементов не должны быть проблемой для виртуальной прокрутки ... вы можете изменить массив в этом примере , чтобы увидеть возможность и результаты очень быстро.