Cacher is the code snippet organizer for pro developers

<cdk-drop (dropped)="onDrop($event)">
  <div *ngFor="let item of items" cdkDrag>{{item}}</div>
</cdk-drop>

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

export class AppComponent { 
  items = ['Zero', 'One', 'Two', 'Three'];

  onDrop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.items, event.previousIndex, event.currentIndex);
  }
    
}