0.1.7 • Published 6 years ago
eu-popup v0.1.7
eu-popup
Pop up service for Angular
Demo
Getting started
Import EuPopupModule in app.module.ts -
import {EuPopupModule} from 'eu-popup';Add it in 'imports' -
imports: [
EuPopupModule,
...
],Import 'EuPopupService' in your component -
import {EuPopupService} from 'eu-popup';Inject service in component
constructor(private euPopupService: EuPopupService) {
}Open popup by calling the service -
this.euPopupService.open({
type: 'error',
title: 'OOPS',
text: 'I am a dynamic component inside of a dialog!',
showCancelButton: true,
cancelButtonText: 'No, cancel!',
confirmButtonText: 'yes',
dismissOnClickOutside: false,
}
).afterClosed.subscribe(result => {
console.log(result);
});Options
| Option | Type | Default | Values |
|---|---|---|---|
| type | string | undefined | error, success, warning, info |
| title | string | undefined | any string |
| text | string | undefined | any string |
| cancelButtonText | string | undefined | any string |
| confirmButtonText | string | undefined | any string |
| dismissOnClickOutside | boolean | false | true or false |
| showCancelButton | boolean | false | true or false |
| showOkButton | boolean | false | true or false |