Modal is coming with loading

guys I have this code that I want the modal to come from below and not as loading and then the modal appears. Do you know what I might be doing wrong?

HTML:

<ion-grid [ngClass]="{'vetweb': platform.is('core')}" >
  <ion-row class="banner-content">
    <ion-col  col-lg-6 col-xl-6 col-md-12 col-xs-12 col-12>
      <div >
        <div class="banner-top"></div>
        <div class="banner-middle">
          <!-- <div class="top-text">Text text textText text textText text text <strong>Text text textText text text</strong> -->
          <div class="image-banner" (click)="presentModal()">
            <img style="cursor: pointer;" class="icone-banner" src="assets/imgs/assine-7-dias-gratis-banner-fb.png" />
          </div>
        </div>
  </div>
  </ion-col>
    <ion-col  col-lg-6 col-xl-6 col-md-12 col-xs-12 col-12>
      <button ion-button color="secondary" (click)="presentModal()" style="display: none;" large>CLIQUE AQUI</button>
            <div class="bottom-text">
              <div class="top-text">Text text textText text textText text text<strong>Title</strong></div>
              <p>Text text text tex</strong>
                <br><small>Text text text</small>
              </p>
            </div>
          <div class="banner-footer"></div>
          </ion-col>
</ion-row>
</ion-grid>

TS:

  presentModal() {
    const modal = this.modalCtrl.create(AssinarPage);
    modal.present();
  }

1 post - 1 participant

Read full topic