Open inline modal from function

Ionic Framework Ionic Angular
1

I use Ionic6 with inline modals. I can open modals buy but I need to show an inline modal dynamically when a parameter comes true, from a function. How is it possible ? Thx !

2

yes it’s possibile.

 <ion-modal [isOpen]="isModalOpen">
    <ng-template>
      <ion-header>
        <ion-toolbar>
          <ion-title>Modal</ion-title>
          <ion-buttons slot="end">
            <ion-button (click)="setOpen(false)">Close</ion-button>
          </ion-buttons>
        </ion-toolbar>
      </ion-header>
      <ion-content class="ion-padding">
         Your content
      </ion-content>
    </ng-template>
  </ion-modal>

in your ts file

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: 'example.component.html',
})
export class ExampleComponent {
  isModalOpen = false;

yourFunction() {
// here you can check your parameter
  if(yourParameter) {
     setOpen(true);
  }
}
  setOpen(isOpen: boolean) {
    this.isModalOpen = isOpen;
  }
}
3

Thank you ! [isOpen] is just what I was looking for ! :pray: