如何在Ionic中制作可转换卡（向左或向右）？

我试图让"card"可以在Ionic中向左和向右滑动 . 我找到了一个教程，使列表项可以向左滑动，然后在右侧显示按钮：https://blog.nraboy.com/2014/12/make-list-items-swipeable-ionic-framework/1

我的问题是：我们是否可以让“卡片”向左滑动（并显示右侧的选项按钮），也可以向右滑动（并显示左侧的选项按钮）？

对于我的样品笔，当我使用离子列表时，请click here

JavaScript：

angular.module('navTest', ['ionic'])
.controller('TestCtrl', function($scope, $timeout, $ionicSideMenuDelegate) {
$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
};

// Build Mock Data
$scope.items = [
      { from: 'De gea', face: 'https://pbs.twimg.com/profile_images/605749112437387264/LcJGIoOC_400x400.jpg', text: 'Manchester United' },
      { from: 'Iker Casillas', face: 'https://pbs.twimg.com/profile_images/596339467419557888/8Ik_gZLy_400x400.jpg', text: 'Real Madrid' },
      { from: 'Thibaut Courtuis', face: 'https://pbs.twimg.com/profile_images/509399022797615104/_8tezi0H_400x400.jpeg', text: 'Chelsea' },
      { from: 'Manuel Neuer', face: 'https://pbs.twimg.com/profile_images/471230204036145152/tZzWfQxH_400x400.jpeg', text: 'Bayern Munich' },
      { from: 'Joe hart', face: 'https://pbs.twimg.com/profile_images/602513436069724160/6IEAKTGy_400x400.jpg', text: 'Manchester City' }
    ];

    // List Toggles
    $scope.itemClick = function() {
      console.info('itemClick');
      document.getElementById('click-notify').style.display = 'block';
      setTimeout(function(){
        document.getElementById('click-notify').style.display = 'none';
      }, 500);
    };

    // Item Methods/Properties
    $scope.deleteItem = function(item, index) {
      console.log('onDelete from the "item" directive on-delete attribute. Lets not delete this item today ok!', item, index);
    };
    $scope.deleteListItem = function(item, index) {
      console.log('onDelete from the "list" on-delete attribute', item, index);
      $scope.items.splice(index, 1);
    };
    $scope.onReorder = function(el, start, end) {
      console.log('On reorder', el, start, end);
    };

    $scope.optionButtons1 = [
      {
        text: 'Add to Wishlist',
        type: 'button-positive',
        onTap: function(item, button) { alert(button.text + ' Button: ' + item.text) }
      },
      {
        text: 'Buy Now!',
        type: 'button-balanced',
        onTap: function(item, button) { alert(button.text + ' Button: ' + item.text) }
      }
    ];

    $scope.optionButtons2 = [
      {
        text: 'Cancel',
        onTap: function() { alert('CANCEL!') }
      },
      {
        text: 'Submit',
        onTap: function() { alert('SUBMIT!') }
      }
    ];

    $scope.urlItems = [
      { text: 'Biography', icon: 'ion-person', url: 'http://en.wikipedia.org/wiki/Nicolas_Cage' },
      { text: 'Fan Club', icon: 'ion-star', url: 'http://cagealot.com/', isActive: true }
    ];

  });

任何建议将不胜感激 .