Projemde Açısal UI $ modal kullanıyorum http://angular-ui.github.io/bootstrap/#/modal

Kullanıcının arka plana basarak modu kapatmasını istemiyorum. Bir modelin ancak kendi oluşturduğum kapat düğmesine basılarak kapatılmasını istiyorum.

Modal'in kapanmasını nasıl önleyebilirim?

Modalinizi oluştururken davranışını belirtebilirsiniz:

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

backdrop : 'static'

"Tıklama" olayları için çalışacaktır, ancak yine de açılır pencereyi kapatmak için "Esc" tuşunu kullanabilirsiniz.

keyboard :false

"Esc" tuşu ile açılır pencere kapatılmasını önlemek için.

Cevap için pkozlowski.opensource'a teşekkürler.

Sanırım soru Angular UI Bootstrap Modal'ın kopyası - kullanıcı etkileşimi nasıl engellenir

Eski soru, ancak çeşitli kapatma eylemleri için onay iletişim kutuları eklemek istiyorsanız, bunu kalıcı örnek denetleyicinize ekleyin:

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

Sağ üstümde "iptal" eylemini tetikleyen bir kapat düğmesi var. Arka plana tıklamak (etkinleştirilmişse), iptal eylemini tetikler. Bunu, çeşitli yakın etkinlikler için farklı mesajlar kullanmak için kullanabilirsiniz.

Dokümantasyonda bahsedilen budur

zemin - fonun varlığını kontrol eder. İzin verilen değerler: true (varsayılan), false (arka plan yok), 'statik' - arka plan mevcut, ancak kalıcı pencerenin dışına tıklandığında kalıcı pencere kapatılmıyor.

static Çalışabilir.

Global olarak yapılandırın,

dekoratör , açısaldaki en iyi özelliklerden biridir. 3. parti modülleri "yama" yapma yeteneği verir.

Diyelim ki tüm $modalreferanslarınızda bu davranışı istiyorsunuz ve aramalarınızı değiştirmek istemiyorsunuz,

Bir dekoratör yazabilirsiniz . bu sadece seçeneklere katkıda bulunur -{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;
    })
});

• Not: en son sürümlerde, olarak $modalyeniden adlandırıldı$uibModal

Çevrimiçi demo - http://plnkr.co/edit/2MWIpOs3uAG5EFQy6Ndn?p=preview

ngDialog'un (0.5.6) yeni sürümü için şunu kullanın:

closeByEscape : false
closeByDocument : false