In my Ionic project, I created an ion-list with ion-items and added ion-option-buttons:
<ion-list>
<ion-item class="item " ng-repeat="exercise in exercises" on-double-tap="sendToChangeExercise">
<p><h2>{{exercise.exerciseName}}</h2></p>
<p ng-repeat="(parameter, value) in exercise.parameters">
{{parameter}}: {{value}} <span ng-if="exercise.trainingData[parameter].length > 0 "><b><i>Eintrag im Trainingtagebuch: {{exercise.trainingData[parameter]}}</i></b></span>
</p>
<ion-option-button class="button button-calm" ng-click="openModal(exercise.exerciseID)"> Info </ion-option-button>
<ion-option-button class="button button-energized" ng-click="openModal(exercise.exerciseID)"> Ändern </ion-option-button>
<ion-option-button class="button button-balanced" ng-click="didExercise(exercise.exerciseID)" ng-if="!exercise.done"> Done </ion-option-button>
</ion-item>
</ion-list>
When swiping left on an item, the buttons appear. Clicking on a button triggers the correct action, but the item remains in the "swipe left" state. Is there a way to automatically hide the buttons at the end of the JS functions?
Appreciate any assistance!