Ionic 2 - 向左滑动以移除

Question

我的应用程序中有一个项目列表。这是代码

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

当用户向左滑动时，会出现一个删除按钮，让用户可以删除该项目。

我想在没有删除按钮的情况下执行此操作。当他向左滑动并释放鼠标或触摸时，删除该项目。

Answer 1

您可以将可扩展选项与 (ionSwipe) 事件结合使用。因此，您的选项将如下所示：

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

和你的按钮：

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

在此处查看文档（在可扩展选项下）。