The ionic-vanilla-ts from supertorpe

supertorpe / ionic-vanilla-ts Goto Github PK

View Code? Open in Web Editor NEW

Ionic 6 Vanilla Typescript (no web framework)

License: MIT License

HTML 11.24% TypeScript 84.57% CSS 3.69% JavaScript 0.50%

ionic-vanilla-ts's People

Contributors

Stargazers

Watchers

ionic-vanilla-ts's Issues

the alerts are not working

I have enabled the ion-alerts in the ionic.ts file, then if I try the following code the alerts are not showing up, they are only loaded into the dom.

async function presentAlert(header="Alert",subheader="Important message",message="This is an alert",buttonSTR="OK") {
    const alert = document.createElement('ion-alert');
    alert.header = header;
    alert.subHeader = subheader;
    alert.message = message;
    alert.buttons = [buttonSTR];
    document.body.appendChild(alert);
    await alert.present();

    const { role } = await alert.onDidDismiss();
    console.log('onDidDismiss resolved with role', role);
}

If I import IONIC using the following syntax the alerts works normally

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script>

Recommend Projects