离子2：按住圆圈进度条

Question

我想实现这样的事情：

当用户点击并按住元素时，按下的点周围会出现一个圆形进度条。假设它必须保持2秒以填满圆圈，然后触发事件。如果用户发布的时间超过2秒，则不会发生任何事情。

Answer 1

很难说没有任何代码你想要实现什么，但离子确实有gestures你可以使用。

有一个特别称为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); 
}