npm install --save ng-confirmation-modal
import { ConfirmationModalModule } from 'ng-confirmation-modal';
imports: [
ConfirmationModalModule.forRoot({
//optional global config
//confirmBtnClass: 'btn btn-success',
//confirmBtnText: 'Confirm',
//cancelBtnClass: 'btn btn-danger',
//cancelBtnText: 'Cancel',
//modalSize: 'lg',
//modalClass: 'some-modal-class'
})
]
<a
ngConfirm
[title]="'Confirm'"
[message]="'Are you sure kiddo?'"
[options]="options"
(onConfirm)="confirmed()"
(onCancel)="cancelled()"
>
Delete some very important stuff
</a>
options: any = {
confirmBtnClass: 'btn btn-success', //DEFAULT VALUE
confirmBtnText: 'Confirm', //DEFAULT VALUE
cancelBtnClass: 'btn btn-danger', //DEFAULT VALUE
cancelBtnText: 'Cancel', //DEFAULT VALUE
modalSize: 'lg', //DEFAULT VALUE
modalClass: '' //DEFAULT VALUE
}
confirmed() {
console.log('confirmed');
}
cancelled() {
console.log('cancelled');
}
Done in a rush because couldn't find anything alike, so:
Add options to set classes and stuff- Make some tests
Set some global configs for messages and texts and classes and w/e- Have the way of setting config reviewed because I just went with my gut