从叠加关闭时，Angular ui bootstrap模态调用关闭函数

Question

当用户从叠加层关闭模态时，如何运行相同的功能？

例如现在我有关闭此功能的按钮：

  close() {
    this.$modalInstance.close();
    this.AlertService.reset();   
  }

但是当用户从叠加层关闭模态时，此功能不会运行。

Answer 1

看看angular bootstrap documentation。

$ modal.open返回一个模态实例，其中一个参数为＆＃39; result＆＃39;。这是在模态被解雇时触发的承诺。

var $modalInstance =  $modal.open({ ... });

$modalInstance.result.then(function (selectedItem) {
    $scope.selected = selectedItem;
}, function () {
    $log.info('Modal dismissed at: ' + new Date());
});

另外，请注意在关闭之前广播的modal.closing事件，并且可用于防止使用＆event;事件默认关闭＆＃39;。