A gmail-like swipeable list in order to delete items

ionic-v1
1

Hello,

I’m looking for a solution in order to have a similar behavior of the GMAIL mails list with deletion.
It’s not the same behavior as the ion-list Delegate: $ionicListDelegate

Can we use the ionic strength to do that ?

Thank you.

2

I guess that would be easy. I found the pornel/slip javasript library.

Does no one have any recommandation ?
thank you.

1 Like
3

Hey ronyrun,

Were you able to put together a solution for swipe to delete in ionic?
Any help in this direction would be great.

Thanks.

4

Hi,

I’m not an expert, unfortunately…
Sorry…

5

You looking for something like this?

<ion-list can-swipe="true">
      <ion-item ng-repeat="item in items">
           {{item.name}}
           <ion-option-button class="button-assertive" ng-click="remove(item)">Delete</ion-option-button>
       </ion-item>
</ion-list>```
6

Hi @fantapop,

Is there a way to remove the item on the slide action ?
Maybe there is an action broadcasted for that…

7

I’m not sure i understand exactly what you want. My gmail ios app swipes left and exposes a red delete button. If you want to swipe left and trigger the event without any other notification you can use this:

http://ionicframework.com/docs/api/directive/onSwipeLeft/

<ion-list>
<ion-item ng-repeat="item in items" on-swipe-left="remove(item)">
{{item.name}}
</ion-item>
</ion-list>
1 Like
8

Very nice Fantatop, thank you very much !!