Estou usando Angular UI $ modal em meu projeto http://angular-ui.github.io/bootstrap/#/modal

Não quero que o usuário feche o modal pressionando o pano de fundo. Quero que um modal só possa ser fechado pressionando o botão Fechar que criei.

Como evito que o modal feche?

Ao criar seu modal, você pode especificar seu comportamento:

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

backdrop : 'static'

Funcionará para eventos de 'clique', mas ainda assim você pode usar a tecla "Esc" para fechar o pop-up.

keyboard :false

para evitar que o pop-up feche com a tecla "Esc".

Agradecimentos a pkozlowski.opensource pela resposta.

Eu acho que a pergunta é duplicata do Angular UI Bootstrap Modal - como evitar a interação do usuário

Pergunta antiga, mas se você quiser adicionar caixas de diálogo de confirmação em várias ações de fechamento, adicione isso ao seu controlador de instância modal:

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

Eu tenho um botão Fechar no canto superior direito do meu, que aciona a ação "cancelar". Clicar na tela de fundo (se ativado), aciona a ação de cancelamento. Você pode usar isso para usar mensagens diferentes para vários eventos de fechamento.

Isso é o que é mencionado na documentação

pano de fundo - controla a presença de um pano de fundo. Valores permitidos: verdadeiro (padrão), falso (sem pano de fundo), 'estático' - o pano de fundo está presente, mas a janela modal não é fechada ao clicar fora da janela modal.

static pode funcionar.

Configure globalmente,

decorador , uma das melhores características do angular. oferece a capacidade de "corrigir" módulos de terceiros.

Digamos que você queira esse comportamento em todas as suas $modalreferências e não queira alterar suas chamadas,

Você pode escrever um decorador . que simplesmente adiciona opções -{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: nas versões mais recentes, o $modalrenomeado para$uibModal

Demonstração online - http://plnkr.co/edit/2MWIpOs3uAG5EFQy6Ndn?p=preview

para a nova versão do ngDialog (0.5.6), use:

closeByEscape : false
closeByDocument : false