html - 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

只需将 closeByDocument : false 放在 dialog.open 中，这样当用户单击模态 div 之外的任何位置时，对话框就不会关闭。

示例代码

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

Answer 3

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

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