Problem in swipe


#1

i have been trying to implement swipe cards

but the problem is everytime i swipe the card down

i get an error Uncaught TypeError: undefined is not a function
i am frustrated with this and dont know where to look for

this is my page code

TITTLE HERE

 <ion-pane ng-controller="CardsCtrl">
 <swipe-cards on-swipe="onSwipe($event)">

  <swipe-cards>
    <swipe-card on-swipe="cardSwiped()" id="start-card">
      Swipe down for a new card
    </swipe-card>
    <swipe-card ng-repeat="card in cards" on-destroy="cardDestroyed($index)" on-swipe="cardSwiped($index)">

      <div ng-controller="CardCtrl">
        <div class="title">
          {{card.title}}
        </div>
        <div class="image">
          <img ng-src="{{card.image}}">
        </div>
      </div>
    </swipe-card>
  </swipe-cards>
</ion-pane> 

and this is the controller code

.controller(‘CardsCtrl’, function($scope,$ionicSwipeCardDelegate) {
var cardTypes = [
{ title: ‘Swipe down to clear the card’, image: ‘http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic.png’ },
{ title: ‘Where is this?’, image: ‘http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic.png’ },
{ title: ‘What kind of grass is this?’, image: ‘http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic2.png’ },
{ title: ‘What beach is this?’, image: ‘http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic3.png’ },
{ title: ‘What kind of clouds are these?’, image: ‘http://ionicframework.com.s3.amazonaws.com/demos/ionic-contrib-swipecards/pic4.png’ }
];

$scope.cards = Array.prototype.slice.call(cardTypes, 0, 0);

$scope.cardSwiped = function(index) {
alert(“adding card”);
$scope.addCard();
};

$scope.cardDestroyed = function(index) {
alert(“splicing”);
$scope.cards.splice(index, 1);
};

$scope.addCard = function() {
alert(“added new”);
var newCard = cardTypes[Math.floor(Math.random() * cardTypes.length)];
newCard.id = Math.random();
$scope.cards.push(angular.extend({}, newCard));
}
})

.controller(‘CardCtrl’, function($scope,$ionicSwipeCardDelegate){
$scope.goAway = function() {
alert(“going away”);
var card = $ionicSwipeCardDelegate.getSwipebleCard($scope);
card.swipe();
};
})

and i have included the scripts in the index file

<script src="lib/ionic/js/ionic.bundle.js"></script>

<script src="http://code.ionicframework.com/contrib/ionic-contrib-swipecards/ionic.swipecards.js?3"></script>

please help me out
what should i do

and this is the detailed error

Uncaught TypeError: undefined is not a function ionic.cards.js:215
(anonymous function) ionic.cards.js:215
triggerEvent ionic.bundle.js:764
dragGesture ionic.bundle.js:1799
detect ionic.bundle.js:1342
bindDomOnTouch