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

您可以将expandable选项与（ionSwipe）事件结合使用。 所以你的选择将如下所示：

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

和你的按钮：

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

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