(click) It does not work after upgrading to the latest version

Ionic Framework ionic-v3
1

After upgrading ionic-angular to version 2.0.0-beta.11 the event (click) stopped work, someone knows what could be happening or what I might be doing wrong?

    <ion-list [virtualScroll]="hotels | filterResultsHotels:filters" [bufferRatio]="3">
        <ion-item *virtualItem="let hotel">
            <ion-card class="hotel-resultados--hotel-card" (click)="goHotelDetail(hotel.HotelId, hotel.TrackId)">
               ...
            </ion-card>
         </ion-item>
    </ion-list>

Cordova CLI: 6.2.0
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.11
Ionic CLI Version: 2.0.0-beta.37
Ionic App Lib Version: 2.0.0-beta.20
ios-deploy version: 1.8.5 
ios-sim version: 5.0.6 
OS: Mac OS X El Capitan
Node Version: v5.7.0
Xcode version: Xcode 7.3 Build version 7D175
2

@bruunofco I would suggest you to add tappable to the ion-card element:

<ion-list [virtualScroll]="hotels | filterResultsHotels:filters" [bufferRatio]="3">
    <ion-item *virtualItem="let hotel">
        <!-- Notice the `tappable` attribute below: -->
        <ion-card class="hotel-resultados--hotel-card" tappable (click)="goHotelDetail(hotel.HotelId, hotel.TrackId)">
           ...
        </ion-card>
     </ion-item>
</ion-list>

This would also remove the 300ms delay, as explained here:

Check out the following issue for more details:

1 Like