モーダルウィンドウの外側をクリックしたときにブートストラップモーダルをリセットする

Question

ユーザーが解除ボタンを押すのではなく、モーダルウィンドウの外側をクリックして閉じると、ブートストラップモーダルをリセットするときに問題が発生します。私のdatetimepickerは、モーダルウィンドウが正しくリセットされないときはいつでも動作を停止します。

これは、それが開くたび、私のモーダルが何をすべきかです：

しかし、これは私がちょうどモーダルウィンドウの外に灰色の領域を押すことで私の窓を棄却した後、ウィンドウを開いた場合に何が起こるかです：

私はそれだけで正常に動作Avbryt（解任）ボタンを使用して却下するたびに。 は、私はエラーを取得していないし、これは、モーダルサービスがJSfiddle上で見つけることができます私は私のモーダル

$scope.show = function() { 
    ModalService.showModal({ 
      templateUrl: 'newProject.html', 
      controller: "NewProjectModalController" 
     }).then(function(modal) { 
      modal.element.modal(); 
      modal.close.then(function(result) { 
       $('#newProjectModal').modal('hide'); 
       $('body').removeClass('modal-open'); 
       $('.modal-backdrop').remove(); 
      } 
     }); 
    }); 
} 
$scope.dismiss = function() { 
    close(false, 500) 
} 

に使用するコードです。

私は、それが本当にモーダルウィンドウの端を閉じるトリガーであることを発見しました。私が小さな広場の中でモーダルの外側に当たった場合、それは解消されますが、私が外側の背景に当たった場合はそうではありません。

Answer 1

、プロジェクト内にbootstrap.jsとともに角度モーダルサービスを使用しています。だから私はそのgithubのレポを検索し、この問題を発見した：https://github.com/dwmkerr/angular-modal-service/issues/107

そこのコメントによると、あなたは以下のようにコードを変更する必要があります。 `ModalService`のコードを示す

ModalService.showModal({ 
     templateUrl: 'newProject.html', 
     controller: "NewProjectModalController" 
    }).then(function(modal) { 
     modal.element.modal(); 
     modal.close.then(function(result) { 
      $('#newProjectModal').modal('hide'); 
      $('body').removeClass('modal-open'); 
      $('.modal-backdrop').remove(); 
     } 
     // added by me 
     modal.element.on('hidden.bs.modal', function() {// bootstrap event 
      modal.scope.close(false,500); 
     }); 
    }); 
}); 

Answer 2

ユーザーがモーダルな背景をクリックするとAvbryt]ボタンをクリックしてイベントをトリガしてみてください。次のようなものがあります。

$('.modal-backdrop').click(function(){ 
    $('.avbryt').trigger('click'); 
}); 

根本的な問題は何でも回避してください。参考のため

：問題の画像によるとhttp://api.jquery.com/trigger/