Question

在一个离子项目中，我制作了离子列表离子项和这些离子选项按钮：

<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函数结束时消失吗？

感谢您的帮助

Answer 1

或者您可以关闭功能结束时的所有选项按钮：

$ionicListDelegate.closeOptionButtons();

您仍然必须将$ionicListDelegate注入您的控制器，但您不必添加任何处理程序。

Answer 2

您必须将$ ionicListDelegate注入控制器并调用其方法closeOptionButtons（）。

添加到您的ion-list attribue delegate-handle。例如，将其值设置为“exercise-list”。将此语句添加到您的点击处理程序：

$ionicListDelegate.$getByHandle('exercise-list').closeOptionButtons();

单击离子选项按钮后，在离子项中“向后滑动”

2 个答案: