背景：ngDialogモーダルで 'static'が機能していない

Question

外部でクリックしたときにモーダルが閉じないようにするか、キーボードでescを押します。だから私は、ボタンがモーダルを開くためにクリックし、以下のように

var app = angular.module('MyApp', ['ngDialog', 'chatSocket']); 

    app.controller('MainCtrl', function ($scope, ngDialog) { 
    $scope.openChatBox = function() { 
     ngDialog.openConfirm({ 
     template: 'chatBox.html', 
     controller: 'msgController', 
     backdrop: 'static', 
     keyboard: false, 
     scope: $scope //Pass the scope object if you need to access in the template 
    }).then(
     function(value) { 
      //You need to implement the saveForm() method which should return a promise object 
      $scope.closeChat().then(

      ); 
     }, 
     function(value) { 
      //Cancel or do nothing 
     } 
    ); 
}; 

}); 

をbackdrop:'static'とkeyboard:falseを使用し、

<button ng-click="openChatBox()" >Open</button> 

機能しない理由私のコードの問題は、どのようなものですか？

Answer 1

を使用することをお勧めします、我々はそれを達成するためにbackdropとkeyboardオプションを使用していますが、ngDialogのためのオプションがcloseByDocumentとcloseByEscapeです。

​​

Answer 2

$uibModal.open()ながら、あなたが開いている間、あなたのモーダルにbackdrop: 'static'を使用する必要があります。

$uibModal.open({ 
    template: 'chatBox.html', 
    controller: 'msgController', 
    backdrop: 'static', // <-- 
    ... 
}); 

がAngularUI modal docsに見てください。

Answer 3

ngDialogのように見えますが、静的な背景をサポートしていません。だから、$modalについて$ model.open

$scope.openChatBox = function() { 
    var modalInstance = $modal.open({ 
        template: 'chatBox.html', 
        controller: 'msgController', 
        backdrop: 'static', 
        keyboard: false, 
        scope: $scope 
       }); 
       modalInstance.result.then(function() { 
        function(value) { 
         // do something 
        }, 
        function(value) { 
         //Cancel or do nothing 
        } 
       }); 
} 

Answer 4

バックグラウンドの代わりにcloseByDocument：falseを使用して、バックグラウンドのクリックでページが閉じないようにします。

template: 'chatBox.html', 
    controller: 'msgController', 
    closeByDocument: false, 
    keyboard: false,