angular - 有什么方法可以访问 CdkDragMove 事件对象中的当前索引

Question

我正在使用 Angular CDK 拖放（Material UI），我想在 CdkDragMove 事件对象中获取被拖动项目的当前索引。谁能指导我？

Answer 1

如果您*ngFor用于迭代列表，则可以使用上下文index变量。NgFor

<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
  <div class="example-box" *ngFor="let movie of movies; let i = index" 
  (cdkDragMoved)="move($event, i)" cdkDrag>{{movie}}</div>
</div>