en angular, Javascript, Recursos, Varios

SweetAlert2: El mejor sustituto de los alert

SweetAlert2 es una librería que nos ofrece un reemplazo bonito, responsive, accesible (WAI-ARIA) y configurable para los típicos alert

Es decir, que en vez de mostrar nuestros mensajes popup asi…

Los podemos mostrar así…

Mucho mejor (más claros, más bonitos,…) los mensajes con SweetAlert2, ¿no?

¿Qué necesitamos para poder utilizar SweetAlert2 en nuestro proyecto?

Para utilizar SweetAlert2 en nuestro proyecto necesitamos cargar 3 cosas:

Los podemos descargar desde jsdelivr.com/sweetalert2  o cdnjs.com/limonte-sweetalert2  a nuestro proyecto y cargarlos en nuestro HTML desde su ubicación

También podemos instalar estos archivos con bower

…y luego cargarlos desde bower_components

O los podemos cargar directamente desde un CDN

Tipos de Mensajes

Podemos mostrar estos 5 tipos de mensajes

¿Cómo lo utilizo en mi código?

Al cargar los archivos de esta libreria, tendrás disponible la función global swal a la que podrás llamar pasándole un objeto de configuración.

Esta función devolverá una promesa que podemos concatenar con diferentes then o catch para realizar acciones según la respuesta del usuario al mensaje

¿Y para utilizarlo en mi aplicación Angular 1.x?

Para angular 1.x hay un wrapper llamado ngSweetAlert que al cargarlo en nuestro proyecto nos deja disponible el modulo oitozero.ngSweetAlert que podemos poner como dependencia de nuestro modulo principal.

Con esto tendremos disponible el factory SweetAlert que podremos inyectar en nuestros controladores para acceder a su método swal que funciona tal y como hemos explicado antes