首页 文章

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

提问于
浏览 次
1

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

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

感谢帮助

javascript angularjs ionic

2 回答

  • 12

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

    $ionicListDelegate.closeOptionButtons();

    您仍然需要将 $ionicListDelegate 注入控制器，但不必添加任何处理程序 .

    回复于
  • 3

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

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

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

相关问题