Я використовую Angular UI $ modal у своєму проекті http://angular-ui.github.io/bootstrap/#/modal

Я не хочу, щоб користувач закривав модаль, натискаючи на задньому плані. Я хочу, щоб модаль можна було закрити, лише натиснувши кнопку "Закрити", яку я створив.

Як запобігти закриттю модальної?

Під час створення модалу ви можете вказати його поведінку:

$modal.open({
   // ... other options
   backdrop  : 'static',
   keyboard  : false
});

backdrop : 'static'

Працюватиме для подій "клацання", але ви все одно можете використовувати клавішу "Esc", щоб закрити спливаюче вікно.

keyboard :false

для запобігання спливаючого вікна за допомогою клавіші "Esc".

Дякую pkozlowski.opensource за відповідь.

Я думаю, що питання є дублікатом модального завантажувального інтерфейсу Angular UI - як запобігти взаємодії користувача

Старе запитання, але якщо ви хочете додати діалогові вікна підтвердження щодо різних близьких дій, додайте це до свого модального контролера екземпляра:

$scope.$on('modal.closing', function(event, reason, closed) {
    console.log('modal.closing: ' + (closed ? 'close' : 'dismiss') + '(' + reason + ')');
    var message = "You are about to leave the edit view. Uncaught reason. Are you sure?";
    switch (reason){
        // clicked outside
        case "backdrop click":
            message = "Any changes will be lost, are you sure?";
            break;

        // cancel button
        case "cancel":
            message = "Any changes will be lost, are you sure?";
            break;

        // escape key
        case "escape key press":
            message = "Any changes will be lost, are you sure?";
            break;
    }
    if (!confirm(message)) {
        event.preventDefault();
    }
});

У мене вгорі праворуч є кнопка закриття, яка викликає дію "скасувати". Натискання на тлі (якщо ввімкнено) викликає дію скасування. Ви можете використовувати це, щоб використовувати різні повідомлення для різних близьких подій.

Це те, що згадується в документації

backdrop - контролює наявність фона. Дозволені значення: true (за замовчуванням), false (без задника), 'static' - фон присутній, але модальне вікно не закривається при натисканні поза модального вікна.

static може спрацювати.

Налаштуйте глобально,

декоратор , одна з найкращих особливостей кутового. дає можливість "латати" сторонні модулі.

Скажімо, ви хочете мати таку поведінку у всіх своїх $modalпосиланнях і не хочете змінювати дзвінки,

Можна написати декоратора . що просто додає до опцій -{backdrop:'static', keyboard:false}

angular.module('ui.bootstrap').config(function ($provide) {
    $provide.decorator('$modal', function ($delegate) {
        var open = $delegate.open;

        $delegate.open = function (options) {
            options = angular.extend(options || {}, {
                backdrop: 'static',
                keyboard: false
            });

            return open(options);
        };
        return $delegate;
    })
});

• Примітка: в останніх версіях $modalперейменовано на$uibModal

Інтернет-демонстрація - http://plnkr.co/edit/2MWIpOs3uAG5EFQy6Ndn?p=preview

для нової версії ngDialog (0.5.6) використовуйте:

closeByEscape : false
closeByDocument : false