2017-07-16 18 views
0

を保持しながら、円プログレスバーが、私はこのような何かを実装したいと思います:イオン2:

ユーザーのタップをして要素を保持し、円形プログレスバーが押されている点を中心に表示されます。円を埋めるために2秒間保持しなければならないとすると、イベントがトリガーされます。ユーザーが2秒より早くリリースする場合、何も起こりません。

+0

にあったのであれば、それは '* ngFor'の内側ですか?ボタンを押す?いくつかのコードを提供してください。 –

+0

あなたが今まで持っているものを共有してください。 – Huiting

答えて

1

コードなしで達成したいことを正確に言うのは難しいが、イオン性物質はgesturesを使用できる。

pressedEventを誘発することになるので、

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

    </ion-item> 
</ion-card> 

のように使用することができ、具体的pressedと呼ばれるものがあります。あなたのコンポーネントでは、トリガされたイベントからいくつかの情報を得るか、または使用する情報を渡すことができます。それは

*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); 
}