2015-08-12 4 views
0

У меня есть модальное окно с угловым ui, и, очевидно, когда я выхожу за пределы модального (фона) модального закрытия.Угловое модальное окно закрыть подтверждение

Однако, я хотел бы изменить это поведение, например, когда я нажимаю на задний план, всплывающее окно появляется с двумя кнопками (ОК и Отмена), а модальный НЕ будет закрываться при отмене.

Фаза всплывающего окна проста, но я не уверен, как остановить модаль от закрытия.

Может ли кто-нибудь помочь мне с этим, пожалуйста? Большое спасибо!

+2

Дайте 'backdrop: 'static'', чтобы он не закрывался, когда вы нажимаете вне модального. http://plnkr.co/edit/T1FjpoNBItvh3Vj8bHdI?p=preview – Hurix

+0

Да, это мое временное решение, но я хотел бы заставить его работать, как упоминалось. Спасибо в любом случае за ответ! –

ответ

2

Как уже упоминалось Hurix отдай

backdrop : 'static' 

в ваших модальных вариантов, которые не будут замыкаться модальное окно, когда фон закрыта. Затем нанесите событие щелчка на фоне:

функция
$('.modal-backdrop').on('click', function(){ 
    if (confirm('close modal') == true){ 
    //dismiss your modal instance 
    } else { 
     //return 
    } 
}); 

Этот щелчок даст всплывающее окно с подтверждением ok и cancel кнопку, и вы можете обрабатывать все, что вы хотите делать, когда они щелкают.

+0

Это именно то, что я ищу, но я боюсь, что это не сработает для меня. Метод даже не запускается. Не могли бы вы предоставить дополнительную информацию, пожалуйста? –

+0

события работают с этим заголовком функции, однако, если я заменяю заголовок фоном, событие не работает. $ (document) .on ("click", ".modal-header", function() {} –

Смежные вопросы