我正在使用带有项目列表的离子框架编写一个新的移动应用程序。我需要能够滑动列表中的每个项目,并在用户滑动项目时对该项目执行操作。 ionic提供滑动项,这会弹出一个按钮。我不希望用户单击按钮,而是希望在用户滑动/滑动项目时直接采取措施。因此,我正在使用ion-item-slide,并在采取措施后关闭了该项目。
以下是工作代码:
page1.html
<ion-list>
<ion-item-sliding #item>
<ion-item-options side="start" (ionSwipe)="favorite(item)">
<ion-item-option color="danger" expandable>
Update
</ion-item-option>
</ion-item-options>
<ion-item>Test</ion-item>
</ion-item-sliding>
</ion-list>
page1.ts
favourite(item:any)
{
item.close() ;
}
Example link of smoother transition for swipe
mobiScroll中提供了此功能,但是,我发现没有必要为此功能购买整个库。