ngDialog - closeModal 事件 - angularjs

Question

弹出窗口关闭时是否会触发任何事件。

模式在单击事件时打开。模态有一个关闭按钮，但当用户点击模态之外的任何地方时也会关闭 div.

想要在弹出窗口关闭时执行一些操作。我知道如何编写单击该关闭按钮时的函数，但是如果模态被其他操作关闭怎么办。

app.controller('MainCtrl', function ($scope, ngDialog) {
$scope.clickToOpen = function () {
ngDialog.open({ template: 'popupTmpl.html' });
};
});

Answer 1

尝试通过 'preCloseCallback':-

ngDialog.open({ template: 'popupTmpl.html', preCloseCallback:function(){ /* Do something here*/} });

希望对您有所帮助！

Answer 2

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

准确回答。只需使用 backdrop : 'static' 并且您的模态框将仅通过单击关闭按钮关闭。是的，这是一个很好的问题。许多开发人员都犯过这种愚蠢的错误，但你不是他们中的一员。如果它没有帮助，那么让我回复。有很多方法可以做到这一点。

Answer 3

只需将 closeByDocument : false 放在 dialog.open 中，这样当用户在模式 div.

之外的任何地方单击时，对话框将不会关闭

示例代码

ngDialog.open({
  id: 'fromAService',
  template: 'firstDialogId',
  controller: 'InsideCtrl',
  data: { foo: 'from a service' },
  closeByDocument: false
});

ngDialog - closeModal 事件 - angularjs

ngDialog - closeModal event - angularjs

html

angularjs

ng-dialog