我的应用程式中有项目清单。这是代码
<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/