How to toggle show-delete in list for individual rows only


Hi there,
I’m new to Angularjs/Ionic and a bit stuck on something. Apologies if this is really simple and I’m missing something obvious.

I have been trying to work out the best way to show a delete button on a row in a list based on a gesture (Using on-hold).
I came across show-delete for the ion-list and was able to toggle it using on-hold. Problem is the show-delete seems to apply to the whole list rather than individual rows. Is there any way to use show-delete to do this? If not, is there a better way to acheive what I’m hoping to do? I could maybe pop up a lightbox/modal with the delete option but I thought the delete button on the left looked neater.
I borrowed this Codepen to illustrate what I’m hoping to do -

I read this post (How can I show the ion-delete-button only in one item of a list) which seems to suggest putting the delete in with the edit/other options, but I don’t want to put a destructive option in the same place.

Any help you might have would be appreciated.


no one has any suggestions?