Kategorien
Ionic 4

Sliding Items schließen

Mit <ion-sliding-item> können in einer Liste Items dargestellt werden, bei denen über Slide Funktionen für das Item eingeblendet werden können.
Das Problem dabei ist, dass diese nach Ausführen der Funktion nicht automatisch wieder geschlossen werden.
Um dies zu erreichen kann man einfach eine Referenz auf die Liste einrichten um dann über diese Referenz die Methode closeSlidingItems() auzurufen.

.
.
.
<ion-list #listReference>
   <ion-item-sliding *ngFor="let item of items">
       <ion-item-options side="start">
          <ion-item-option (click)="onEdit(item._id)">
              Edit
          </ion-item-option> 
       </ion-item-options> 
   </ion-item-sliding>
</ion-list>
.
.
.
import {IonList} from '@ionic/angular';
.
.
.
onSlideAction() {
   doSomething();
   this.listReference.closeSlidingItems();
}