2017-07-13 8 views
0

私のアプリにはアイテムのリストがあります。これはコードですイオン2 - スライドを左に残す

    <ion-list> 
         <ion-item-sliding #item *ngFor="let productSize of productSizes"> 
          <ion-item> 

           ... some stuff 

          </ion-item> 
          <ion-item-options side="right"> 
           <button ion-button color="danger" (click)="RemoveItem(productSize)">X</button> 
          </ion-item-options> 
         </ion-item-sliding> 
        </ion-list> 

ユーザーが左にスライドすると、表示されるボタンの削除があり、ユーザーはアイテムを削除できます。

削除ボタンを使用せずにこの操作を実行します。彼が左にスライドしてマウスまたはタッチを離すと、アイテムを削除します。

+0

イベントリスニング(ionDrag)と(ionSwipe) –

答えて

1

あなたは(ionSwipe)イベントと組み合わせて拡張オプションを使用することができます。 だからあなたのオプションは、次のようになります。

<ion-item-options side="right" (ionSwipe)="RemoveItem(productSize)"> 

とあなたのボタン:

<button ion-button color="danger" expandable (click)="RemoveItem(productSize)">X</button> 

(拡張オプションの下)ドキュメントhereをチェックしてください。

+0

ありがとうございました –

関連する問題