Significant delay in rendering and hiding ion-cards

Ionic Framework ionic-v3
1

The goal is to hide one card and display the second one upon button click.

The problem is that … upon clicking the button there is atleast 8 seconds of delay that the ionic framework takes to hide the first card and show the second.

All i am doing is turning a flag ON/OFF upon the button click. There is no async activity happening.

Is this a bug in the framework ?

<ion-content>


  <ion-card [hidden]="showSecondCard">
    This is first card
     <button ion-button (click)="showSecondCard=true" />
  </ion-card>

  <ion-card [hidden]="showSecondCard===false">
    This is second button
 </ion-card>

</ion-content>

I am running the code in ios simulator.

Cordova CLI: 6.5.0 
Ionic Framework Version: 2.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: 5.0.13 
OS: OS X El Capitan
Node Version: v6.6.0
Xcode version: Xcode 8.1 Build version 8B62
2

Wrap the card in a div and put the ngIf inside the div.