“刷卡back"在离子项目后，点击离子选项按钮

"swipe back" in ion-item after click on ion-option-button

本文关键字：按钮 选项 子项目 back quot 刷卡      更新时间：2023-09-26

在一个Ionic项目中，我做了一个离子列表和这些离子选项按钮:

<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>

假设我在一个项目上向左滑动。然后按钮出现。我点击一个按钮，它就会做它应该做的事。但离子项仍然处于"向左滑动"状态。你懂我的意思吗?现在我必须向右滑动，这样按钮就会消失。有没有什么让我可以自动让按钮消失在JS函数的结束?

Thanks for help

或者您可以在函数末尾关闭所有选项按钮:

$ionicListDelegate.closeOptionButtons();

你仍然需要将$ionicListDelegate注入到你的控制器中，但你不需要添加任何处理程序。

你必须注入$ionicListDelegate到你的控制器并调用它的方法closeOptionButtons()。

添加到您的离子列表属性委托句柄。例如，将其值设置为"exercise-list"。将以下语句添加到单击处理程序中:

$ionicListDelegate.$getByHandle('exercise-list').closeOptionButtons();
相关文章：