2017-12-28 23 views
2

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

enter image description here

enter image description here

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

答えて

3

あなたは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(); 
    } 
} 
+0

それは@ cdh429を助けたと聞いてうれしい:) – sebaferreras

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

ああごめん、ちょうど私たちは同じ答えを掲示することを見ました。 +1 :) – sebaferreras

関連する問題