Fire swal via template

Hi all together,

I’d like to fire swal alerts via template without going the ViewChild-way.

Example: <swal *ngIf="(error$ | async) as error" [title]="error.title" [text]="error.text" icon="error"> </swal>

The really big advantage I see here is, that my redux store does all the work and I don’t need to do the show and hide logic.

I’d be really grateful if anybody knows a solution to this. Even a workaround (without ‘codebehind’) would be fine.

[toverux]

This option will also be available in forRoot(). And to set native SweetAlert options, you can actually already do that in forRoot() too, by providing a SweetAlert mixin, it’s just a bit verbose 😃 (*)

import { SweetAlert2Module } from '@sweetalert2/ngx-sweetalert2';

// using a separate function for AoT, that doesn't likes arrow syntax expressions in @NgModule
export function provideSwal() {
    return import('sweetalert2').then(({ default: Swal }) => Swal.mixin({
        heightAuto: false
    }))
} 

@NgModule({
    imports: [
        SweetAlert2Module.forRoot({ provideSwal }) // also possible in forChild, btw
    ]
})
export class AppModule {
}

(*) previous version allowed to pass options direclty, but that became redundant with mixins. And I’ve been able to simplify the integration code in a very generic way with provideSwal. So this became the way to specify global options too.

[ChristofFritz]

No problem at all! After all, it’s “just” open source and you are doing it in your free time (i guess?).