Как использовать полосу прокрутки с DragAndDrop в Angular 8

Question

Я создаю одно приложение с перетаскиванием, которые являются правильными, но когда пользователь добавляет элементы после 10 элементов, перетаскивание увеличивается слишком сильно, и вы не можете видеть другую итему

Это приложение предназначено для выбора порядка из динамических модулей, приложение использует угловой 8(Обновлено с углового 6). Я пытался использовать виртуальную прокрутку, но у меня была ошибка с использованием перетаскивания

<div cdkDropList #todoList="cdkDropList" [cdkDropListData]="names" class="example-list"
(cdkDropListDropped)="drop($event)">
<cdk-virtual-scroll-viewport>
    <div class="example-box" *cdkVirtualFor="let item of names; index as i" class="example-item" cdkDrag >{{item || 'Loading...'}}</div>
  </cdk-virtual-scroll-viewport>
  <button class="mat-icon-inline-2" mat-raised-button color="warn" (click)="deleteitem( (button_value = i) )">
    <mat-icon> delete </mat-icon>
  </button>
</div>
</div>

Answer 1

Можете ли вы попробовать с этим, хотя это Angular 7, но я считаю, что он должен работать и для Angular 8.

https://www.talkingdotnet.com/angular-7-virtual-scrolling-and-drag-and-drop-features/