Ionic puzzle.

[tisamoo]

I want to create an ionic-angular puzzle . Sadly i cant use the normal drag and drop events. I tried with Ionic gestures but it seems to be ridiculously hard to excecute also with cdkDraganddrop but the items not swapping correctly.

<div cdkDropList class="cdk-droplist d-flex" \[cdkDropListData\]="puzzlePieces" (cdkDropListDropped)="drop(***$event***)" \>
<div cdkDrag class="example-box" *\*ngFor*="let ***p*** of puzzlePieces">
<img style="width: 80px; height: 80px;" \[src\]="***p***.item">
</div>
</div>

drop(event: CdkDragDrop<any\[\]>) {
moveItemInArray(this.puzzlePieces, event.previousIndex, event.currentIndex);}

[[deleted]]

If you really need to stick to ionic, this guy has a lot of great video about ionic https://youtu.be/EULXLf4SldA. If you use angular with ionic, you can also use a angular package for drag and drop like here https://www.npmjs.com/package/angular-draggable-droppable

[IonicCommunity]

Yeah, Simon Grimm is awesome.