javascript - 单击 ion-option-button 后 ion-item 中的 "swipe back"

Question

在一个 Ionic 项目中，我制作了一个 ion-list ion-items 和这些 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>

假设我在某个项目上向左滑动。然后出现按钮。我点击一个按钮，它就做了它应该做的事情。但是 ion-item 仍然处于这种“向左滑动”状态。你知道我的意思？现在我必须向右滑动以使按钮消失。有什么可以让按钮在 JS 函数结束时自动消失吗？

感谢帮助

Answer 1

或者您可以在函数结束时关闭所有选项按钮:

$ionicListDelegate.closeOptionButtons();

您仍然需要将 $ionicListDelegate 注入(inject)您的 Controller ，但您不必添加任何处理程序。