如何在$ modal中检测关闭模式窗口？ 角度用户界面

Question

我在angular-ui中使用$modal创建一个模态窗口，她是创建模型的代码。

this.show = function (customModalDefaults, customModalOptions, extraScopeVar) {
    //Create temp objects to work with since we're in a singleton service
    var tempModalDefaults = {};
    var tempModalOptions = {};

    //Map angular-ui modal custom defaults to modal defaults defined in service
    angular.extend(tempModalDefaults, modalDefaults, customModalDefaults);

    //Map modal.html $scope custom properties to defaults defined in service
    angular.extend(tempModalOptions, modalOptions, customModalOptions);

    if (!tempModalDefaults.controller) {
        tempModalDefaults.controller = function ($scope, $modalInstance) {
            $scope.modalOptions = tempModalOptions;
            $scope.extraScopeVar = extraScopeVar;
            $scope.modalOptions.ok = function (result) {
                $modalInstance.close(result);
            };
            $scope.modalOptions.close = function (result) {
                $modalInstance.dismiss('cancel');
            };
        }
    }

    return $modal.open(tempModalDefaults).result;
};

到现在为止，一切正常。 当我在模态窗口中单击“取消”或“确定”时，模型已关闭并关闭。 问题是，当我在模态窗口外单击时，它消失了，我想要的东西消失了，但是我也知道在那种情况下运行哪种方法以针对自定义行为覆盖它，例如我使用OK和Close

Answer 1

$modal.open(tempModalDefaults).result

是一个承诺。 当背景选项设置为“ true”时，承诺将被拒绝。 您可以使用then方法或catch方法（快捷方式）将拒绝处理程序附加到该诺言：

catch（errorCallback）– Promise.then的简写（null，errorCallback）

return $modal.open(tempModalDefaults).result.catch(function (reason) {
    // your code to handle rejection of the promise.
    if (reason === 'backdrop') {
        // do something
    }
});