Angular wrapper for SweetAlert2
This is a simple wrapper to use SweetAlert in Angular projects, it works with
npm install --save angular-sweetalert-service
or if you prefer Yarn
yarn add angular-sweetalert-service
Include in your app
app.module just include the service
Then add the service as a provider
Now you have the service available across the application. Now you need to call the service in your component and that's it.
You can extend the default options by just passing a configuration object into the method, like this:
const options =title: 'Are you sure?'text: "You won't be able to revert this!"type: 'warning'showCancelButton: trueconfirmButtonColor: '#3085d6'cancelButtonColor: '#d33'confirmButtonText: 'Yes, delete it!';SweetAlert;
Chaining & Promises
If you use Typescript, if you don't use it you should, you can access the types since the service has the
d.ts file available.
;swal(): any;confirm(options: any): any;prompt(options: any): any;alert(options: any): any;question(options: any): any;success(options: any): any;warning(options: any): any;error(options: any): any;info(options: any): any;}