イオン3閉じるイオンアイテムスライディング

Question

私はあなたがそれを開いたときに、送信ボタンを明らかにするスライドアイテムを持っています。

あなたが提出ヒットした後、私は「提出」を閉じて非表示にするには、ボタンのためにしたいと思います。私は、ボタンやそれに関連するハッキングに関連するスライド要素を閉じるためのドキュメントを見つけることができないようです。助言がありますか？ Ionic Documentationからイオン3 ...

Answer 1

あなたはin the docsを見ることができるだけのように：

スライドアイテムを閉じます。項目はリストからも閉じることができます。

ItemSlidingへの参照を取得することで、スライド項目を閉じることができます。以下の例では、テンプレート参照変数 slidingItemが要素に配置され、share メソッドに渡されます。

<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> 

そして：

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

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

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

Answer 2

での作業：

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> 

活字体：

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

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

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