Skip to content

Instantly share code, notes, and snippets.

@glemiere
Created January 6, 2020 18:54
Show Gist options
  • Save glemiere/76fe974ceafe5f5c4d4e9cc95fe555a5 to your computer and use it in GitHub Desktop.
Save glemiere/76fe974ceafe5f5c4d4e9cc95fe555a5 to your computer and use it in GitHub Desktop.
Ambidextrous re-orderable list under Angular and Ionic.
<ion-reorder-group (ionItemReorder)="reorderItems($event)" disabled="false" #list>
<ion-item *ngFor="let item of items">
<ion-reorder [slot]="handed === 'right' ? 'start' : 'end'"></ion-reorder>
<ion-label>
{{item}}
</ion-label>
<ion-badge color="primary" [slot]="handed === 'right' ? 'end' : 'start'">
{{items.indexOf(item)}}
</ion-badge>
</ion-item>
</ion-reorder-group>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment