title: How to swipe from left to right Ionic list item?
body: <p>I want to swipe Ionic list items to both sides. (i.e left-right AND right-left). It works perfectly for right-left swipe but I am not able to swipe list item to left side.</p>
  
  <p>I used <code>$ionicGesture</code> for left-right swipe, and it also gives me an alert when i use <code>swiperight</code> event: <code>event($ionicGesture.on('swiperight', scope.reportEvent, elem))</code>, but I am not able to let it show the <code>ion-option-button</code> at the left side.</p>
  
  <p>Here is my directive and controller code:</p>
  
  <pre><code>.directive('onSwipeRight', function($ionicGesture) {
    return {
      restrict :  'A',
      link : function(scope, elem, attrs) {
        var gestureType = attrs.gestureType;
        switch(gestureType) {
          case 'swipeRight':
            $ionicGesture.on('swiperight', scope.reportEvent, elem);
            break;
          case 'swipeleft':
            $ionicGesture.on('swipeleft', scope.reportEvent, elem);
            break;
          case 'doubletap':
            $ionicGesture.on('doubletap', scope.reportEvent, elem);
            break;
          case 'tap':
            $ionicGesture.on('tap', scope.reportEvent, elem);
            break;
        }
  
      }
    }
  })
  
  .controller('ChatsCtrl', function($scope, Chats) {
    // With the new view caching in Ionic, Controllers are only called
    // when they are recreated or on app start, instead of every page change.
    // To listen for when this page is active (for example, to refresh data),
    // listen for the $ionicView.enter event:
    //
    //$scope.$on('$ionicView.enter', function(e) {
    //});
  
    $scope.chats = Chats.all();
    $scope.remove = function(chat) {
      Chats.remove(chat);
    }
  
    $scope.reportEvent = function (event) {
      alert("hi");
      console.log('Reporting : ' + event.type);
      event.preventDefault();
  };
  
  })
  </code></pre>
  
  <p>Here is my html code.</p>
  
  <pre><code>&lt;ion-view view-title="Chats"&gt;
      &lt;ion-content&gt;
          &lt;ion-list can-swipe="true"&gt;
              &lt;ion-item gesture-type="swipeRight" on-swipe-right="swipeRight()" class="item-remove-animate item-avatar item-icon-right" ng-repeat="chat in chats" type="item-text-wrap" href="#/tab/chats/{{chat.id}}"&gt;
  
                  &lt;img ng-src="{{chat.face}}"&gt;
                  &lt;h2&gt;{{chat.name}}&lt;/h2&gt;
                  &lt;p&gt;{{chat.lastText}}&lt;/p&gt;
                  &lt;i class="icon ion-chevron-right icon-accessory"&gt;&lt;/i&gt;
                  &lt;ion-option-button class="button-assertive" ng-click="share(item)" side="left"&gt;
                      Share
                  &lt;/ion-option-button&gt;
                  &lt;ion-option-button class="button-assertive" ng-click="remove(chat)" side="right"&gt;
                      Delete
                  &lt;/ion-option-button&gt;
              &lt;/ion-item&gt;
          &lt;/ion-list&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>So I want to display share button at left side and delete button at right side.</p>
  
  <p>Can anybody provide me specific solution for it?</p>