Angular bootstrap modal

Question

I'm using ui-bootstrap-tpl version 2.4.0 with Angular Dialog Service, and I have a problem with modal.

Problem occurs when I close modal:

If I click OK, it closed and no error.
If I click Cancel, it closed but have an error in console window:

Possibly unhandled rejection: cancel

If I click outside modal, it closed but have an error:

Possibly unhandled rejection: backdrop click

Anyway to fix it? Thanks alot!

This is my plunker: plnkr.co/edit/Pzm9I09tQlvPinHKFx9S?p=preview — Tommy1209
– Tommy1209, Commented Mar 30, 2017 at 4:41

creimers · Accepted Answer · 2017-03-30 06:46:07Z

3

You forgot to handle the dismiss case of the modal.

Here's an updated plunker: https://plnkr.co/edit/M5OnOcJJG65pinWe2iKt

Essentially, you need to do something like this:

dialog.result.then(
    function () {
        // success case
        console.log('ok');
    },
    function () {
        // dismiss case
        console.log('cancel');
    }
);

answered Mar 30, 2017 at 6:46

creimers

5,3474 gold badges36 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tommy1209 Over a year ago

Thanks alot! Very helpful!

Collectives™ on Stack Overflow

Angular bootstrap modal

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related