离子 2:按住时圆圈进度条

Question

我想实现这样的东西：

当用户点击并按住一个元素时，在被按下的点周围会出现一个圆形进度条。假设它必须保持 2 秒钟才能填满圆圈，然后触发一个事件。如果用户早于 2 秒发布，则不会执行任何操作。

Answer 1

在没有任何代码的情况下很难确切地说出您想要实现的目标，但 ionic 确实有您可以使用的手势。

有一个特别称为pressed可以这样使用

<ion-card (pressed)="pressedEvent($event)">
<ion-item>
</ion-item>
</ion-card>

这将触发pressedEvent.在组件中，您可以从触发的事件中获取一些信息，也可以传入要使用的信息。所以如果它是在一个

*ngFor="let items of items;let idx=index" (pressed)="pressedEvent($event,item,idx)"

然后在您的组件中

pressedEvent(ev,item,idx){
// details on press event
console.log(ev);
// details on current item in loop being pressed
console.log(item);
// index of current item being pressed for specific array based manipulation 
console.log(idx); 
}