我的应用程式中有项目清单。这是代码

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

当用户向左滑动时,将显示一个按钮删除,并允许用户删除该项目。

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

最佳答案

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

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

和您的按钮:
<button ion-button color="danger" expandable (click)="RemoveItem(productSize)">X</button>

checkout docs here(在“扩展选项”下)。

关于ionic-framework - ionic 2-向左滑动即可移除,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45072710/

10-13 04:17