Specify custom behavior when an element is swiped to the left on a touchscreen device. A leftward swipe is a quick, right-to-left slide of the finger. Though ngSwipeLeft is designed for touch-based devices, it will work with a mouse click and drag too.
To disable the mouse click and drag functionality, add ng-swipe-disable-mouse
to
the ng-swipe-left
or ng-swipe-right
DOM Element.
Requires the ngTouch
module to be installed.
<ANY
ng-swipe-left="expression">
...
</ANY>
Param | Type | Details |
---|---|---|
ngSwipeLeft | expression |
Expression to evaluate
upon left swipe. (Event object is available as |
<div ng-show="!showActions" ng-swipe-left="showActions = true">
Some list content, like an email in the inbox
</div>
<div ng-show="showActions" ng-swipe-right="showActions = false">
<button ng-click="reply()">Reply</button>
<button ng-click="delete()">Delete</button>
</div>