Improve this doc  View Source

ngSwipeLeft

  1. - directive in module ngTouch

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.

Requires the ngTouch module to be installed.

Directive Info

Usage

Arguments

Param Type Details
ngSwipeLeft expression

Expression to evaluate upon left swipe. (Event object is available as $event)

Example

  Edit in Plunker
<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>
angular.module('ngSwipeLeftExample', ['ngTouch']);