ionic 3 ion-item-sliding 닫기

Question

나는 그것을 문지르면 제출 단추가 나타납니다.

제출 공격 후

, 버튼을 닫고 "제출"숨길을 위해 내가 좋아하는 것입니다. 나는 주변의 버튼이나 해킹과 관련된 슬라이딩 요소를 닫을 수있는 문서를 찾지 못하는 것 같습니다. 어떤 제안?

HTML : 다음 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

작업

<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(); 
    } 
}