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

查看文档 here (在可扩展选项下)。