Question

我通过拖放创建了一个正确的应用程序，但是当用户在10个项目之后添加项目时，拖动会增加太多，而您看不到其他项目a

此应用程序用于从动力学模块中选择顺序，该应用程序使用角度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/

如何在Angular 8中将滚动条与DragAndDrop一起使用

1 个答案: