ionic-team / Ionic Ion Swipe Cards
Licence: mit
Swipeable card based layout for Ionic and Angular
Stars: ✭ 355
Programming Languages
javascript
184084 projects - #8 most used programming language
Ionic Contrib: Swipeable Cards
Swipeable card based layout for Ionic and Angular. As seen in apps like Jelly
Usage
Include ionic.swipecards.js
after the rest of your Ionic and Angular includes. Then use the following AngularJS directives:
<swipe-cards>
<swipe-card ng-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) {
var newCard = // new card data
$scope.cards.push(newCard);
};
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].