Sto usando Angular UI $ modal nel mio progetto http://angular-ui.github.io/bootstrap/#/modal

Non voglio che l'utente chiuda il modale premendo sullo sfondo. Voglio che un modale possa essere chiuso solo premendo il pulsante di chiusura che ho creato.

Come posso impedire la chiusura di modal?

Mentre crei il tuo modale puoi specificarne il comportamento:

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

backdrop : 'static'

Funzionerà per gli eventi "clic" ma puoi comunque utilizzare il tasto "Esc" per chiudere il popup.

keyboard :false

per impedire la chiusura del popup con il tasto "Esc".

Grazie a pkozlowski.opensource per la risposta.

Penso che la domanda sia un duplicato di Angular UI Bootstrap Modal: come prevenire l'interazione dell'utente

Vecchia domanda, ma se desideri aggiungere finestre di dialogo di conferma su varie azioni di chiusura, aggiungilo al controller dell'istanza modale:

$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();
    }
});

Ho un pulsante di chiusura in alto a destra, che attiva l'azione "Annulla". Facendo clic sullo sfondo (se abilitato), attiva l'azione di annullamento. Puoi usarlo per usare messaggi diversi per vari eventi di chiusura.

Questo è ciò che è menzionato nella documentazione

sfondo: controlla la presenza di uno sfondo. Valori consentiti: true (predefinito), false (senza sfondo), 'statico' - lo sfondo è presente ma la finestra modale non viene chiusa quando si fa clic al di fuori della finestra modale.

static può funzionare.

Configura a livello globale,

decoratore , una delle migliori caratteristiche in angolare. dà la possibilità di "patchare" moduli di terze parti.

Diciamo che vuoi questo comportamento in tutti i tuoi $modalriferimenti e non vuoi cambiare le tue chiamate,

Puoi scrivere un decoratore . che si aggiunge semplicemente alle opzioni -{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;
    })
});

• Nota: nelle ultime versioni, il file $modalrinominato in$uibModal

Demo online - http://plnkr.co/edit/2MWIpOs3uAG5EFQy6Ndn?p=preview

per la nuova versione di ngDialog (0.5.6), usa:

closeByEscape : false
closeByDocument : false