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