ionic 3 Schließen ion-item-sliding

Question

Ich habe ein Objekt, das gleitet, wenn Sie es öffnen, zeigt es eine Senden-Schaltfläche.

Nachdem Sie einreichen getroffen, ich möchte für die Schaltfläche die „Eintragen“ schließen und verstecken. Ich kann anscheinend keine Dokumentation finden, um Schiebeelemente zu schließen, die sich auf Knöpfe oder irgendwelche Hacks um sie herum beziehen. Irgendwelche Vorschläge? Arbeiten in Ionic 3 ...

Answer 1

Genau wie Sie in the docs sehen:

Schließen Sie den Schiebeartikel. Artikel können auch aus der Liste geschlossen werden.

Der Schiebeartikel kann durch einen Verweis auf ItemSliding geschlossen werden. Im folgenden Beispiel wird die Vorlagenreferenzvariable slidingItem auf das Element gesetzt und an die Methode share übergeben.

<ion-list> 
    <ion-item-sliding #slidingItem> 
    <ion-item> 
     Item 
    </ion-item> 
    <ion-item-options> 
     <button ion-button (click)="share(slidingItem)">Share</button> 
    </ion-item-options> 
    </ion-item-sliding> 
</ion-list> 

Und dann:

import { Component } from '@angular/core'; 
import { ItemSliding } from 'ionic-angular'; 

@Component({...}) 
export class MyClass { 
    constructor() { } 

    share(slidingItem: ItemSliding) { 
    slidingItem.close(); 
    } 
} 

Answer 2

Vom Ionic Documentation:

Html:

<ion-list> 
    <ion-item-sliding #slidingItem> 
    <ion-item> 
     Item 
    </ion-item> 
    <ion-item-options> 
     <button ion-button (click)="share(slidingItem)">Share</button> 
    </ion-item-options> 
    </ion-item-sliding> 
</ion-list> 

Typoskript:

import { Component } from '@angular/core'; 
import { ItemSliding } from 'ionic-angular'; 

@Component({...}) 
export class MyClass { 
    constructor() { } 

    share(slidingItem: ItemSliding) { 
    slidingItem.close(); 
    } 
}