如何在Flex Layout中使用角度材质拖放？

<div fxLayout="row" fxLayoutAlign="start center">
  <!-- Flex子项放在这里 -->
</div>

<div fxLayout="row" fxLayoutAlign="start center">
  <div cdkDropList (cdkDropListDropped)="onItemDrop($event)">
    <!-- 拖放目标区域的内容放在这里 -->
  </div>
</div>

<div fxLayout="row" fxLayoutAlign="start center">
  <div cdkDropList (cdkDropListDropped)="onItemDrop($event)">
    <div cdkDrag>拖放项</div>
  </div>
</div>

import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';

// ...

export class YourComponent {
  onItemDrop(event: CdkDragDrop<string[]>) {
    moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
  }
}