2017-05-01 14 views
0

Ionic2を搭載した実際のデバイス(IOS/Android)で自分のアプリをテストする際にクリック遅延の問題が発生しました。私は、このテンプレートに従って5つの項目のVirtualListを持っている:クリックしてブラウザのVSデバイス、どのように改善する?

<ion-list [virtualScroll]="feed.posts" approxItemHeight="100px" no-lines> 
<div class="feed-item" *virtualItem="let post"> 
    <ion-card> 
    <ion-row no-padding class="actions-row"> 
    <ion-col no-padding width-50 text-left> 
    <button tappable class="action-button" ion-button clear small icon-left (click)="goToPost(post.id)"> 
     <ion-icon name='pricetags'></ion-icon> 
     {{post.nombrePromotion}} Promotion(s) 
    </button> 
    </ion-col> 
    ... 
    </ion-row> 
    <ion-card> 
</div> 
</ion-list> 

ブラウザ上でテストしている間、私は、iPhone 5CまたはAndroidデバイス(またはエミュレータ)上でアプリをテストするとき、クリック数は非常に高速応答性であるが、はるかに遅れにあり(2のように)。ここで

あなたは、クリック遅れで動画を見ることができます:

ON BROWSER

ON IPHONE 5C

どのように私はクリックがデバイス/エミュレータの速度向上させることができますか?

情報ありがとう:モバイル/タブレットデバイスの場合

Ionic Framework: 2.2.0 
Ionic Native: ^3.5.0 
Ionic App Scripts: 1.1.4 
Angular Core: 2.4.8 
Angular Compiler CLI: 2.4.8 
Node: 7.7.3 
OS Platform: macOS Sierra 
Navigator Platform: MacIntel 

答えて

0

Gesturesを使用しています。

この場合、tapを使用してください。

<button tappable class="action-button" ion-button clear small icon-left (tap)="goToPost(post.id)"> 
     <ion-icon name='pricetags'></ion-icon> 
     {{post.nombrePromotion}} Promotion(s) 
</button> 
+0

ありがとうございます(タップ)正確に同じ遅延時間を指定してください。これは私の問題を解決しません。 – wander

関連する問題