Tôi đang sử dụng Angular UI $ modal trong dự án của mình http://angular-ui.github.io/bootstrap/#/modal

Tôi không muốn người dùng đóng phương thức bằng cách nhấn vào phông nền. Tôi muốn một phương thức chỉ có thể được đóng bằng cách nhấn nút đóng mà tôi đã tạo.

Làm cách nào để ngăn phương thức đóng?

Trong khi tạo phương thức, bạn có thể chỉ định hành vi của nó:

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

backdrop : 'static'

Sẽ hoạt động cho các sự kiện 'nhấp chuột' nhưng bạn vẫn có thể sử dụng phím "Esc" để đóng cửa sổ bật lên.

keyboard :false

để ngăn cửa sổ bật lên đóng bằng phím "Esc".

Cảm ơn pkozlowski.opensource đã trả lời.

Tôi nghĩ câu hỏi trùng lặp với Angular UI Bootstrap Modal - làm thế nào để ngăn chặn sự tương tác của người dùng

Câu hỏi cũ, nhưng nếu bạn muốn thêm hộp thoại xác nhận về các hành động đóng khác nhau, hãy thêm cái này vào bộ điều khiển phiên bản phương thức của bạn:

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

Tôi có một nút đóng ở trên cùng bên phải của mình, nút này sẽ kích hoạt hành động "hủy". Nhấp vào phông nền (nếu được bật), kích hoạt hành động hủy. Bạn có thể sử dụng nó để sử dụng các thông điệp khác nhau cho các sự kiện gần nhau.

Đây là những gì được đề cập trong tài liệu

phông nền - kiểm soát sự hiện diện của phông nền. Các giá trị được phép: true (mặc định), false (không có phông nền), 'tĩnh' - phông nền hiện có nhưng cửa sổ phương thức không bị đóng khi nhấp vào bên ngoài cửa sổ phương thức.

static có thể làm việc.

Định cấu hình toàn cầu,

decorator , một trong những tính năng tốt nhất của góc cạnh. cung cấp khả năng "vá" các mô-đun của bên thứ 3.

Giả sử bạn muốn hành vi này trong tất cả các $modaltham chiếu của mình và bạn không muốn thay đổi cuộc gọi của mình,

Bạn có thể viết một người trang trí . điều đó chỉ đơn giản là thêm vào các tùy chọn -{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;
    })
});

• Lưu ý: trong các phiên bản mới nhất, phần mềm được $modalđổi tên thành$uibModal

Bản demo trực tuyến - http://plnkr.co/edit/2MWIpOs3uAG5EFQy6Ndn?p=preview

đối với phiên bản mới của ngDialog (0.5.6), hãy sử dụng:

closeByEscape : false
closeByDocument : false