Swipeable card based layout for Ionic and Angular. As seen in apps like Jelly

Demo

Include ionic.swipecards.js after the rest of your Ionic and Angular includes. Then use the following AngularJS directives:

<swipe-cards><swipe-cardng-repeat="card in cards" on-destroy="cardDestroyed($index)" on-card-swipe="cardSwiped($index)"> Card content here </swipe-card></swipe-cards>

To add new cards dynamically, just add them to the cards array:

$scope.cards=[{// card 1 },{// card 2 }];$scope.cardDestroyed=function(index){$scope.cards.splice(index,1);};$scope.cardSwiped=function(index){varnewCard=// new card data$scope.cards.push(newCard);};