Problem in swipe


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


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

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

      <div ng-controller="CardCtrl">
        <div class="title">
        <div class="image">
          <img ng-src="{{card.image}}">

and this is the controller code

.controller(‘CardsCtrl’, function($scope,$ionicSwipeCardDelegate) {
var cardTypes = [
{ title: ‘Swipe down to clear the card’, image: ‘’ },
{ title: ‘Where is this?’, image: ‘’ },
{ title: ‘What kind of grass is this?’, image: ‘’ },
{ title: ‘What beach is this?’, image: ‘’ },
{ title: ‘What kind of clouds are these?’, image: ‘’ }

$ =, 0, 0);

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

$scope.cardDestroyed = function(index) {
$, 1);

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

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

and i have included the scripts in the index file

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

<script src=""></script>

please help me out
what should i do

and this is the detailed error

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