Html 单击背景，使用angularJS将一个模态叠加到另一个模态上

我试图让一个模态自动出现在另一个模态（比如一堆模态）的顶部，当用户点击模态背景或按下escape按钮时（在本例中是一个对话框，询问您是否希望进一步进行）

问题是，我不知道如何调用事件的

preventDefault（）

函数，因为我觉得它是问题的解决方案。目前，点击背景时，当前模态消失，第二模态取而代之，而不是出现在当前模态之上，将其置于背景中

以下是我的代码片段：

开头-

(function () {
'use strict';
angular
    .module('controller.main', [])
    .controller('Main', ['$location', '$state', '$uibModal', 'user', 'auth', 'model', function ($location, $state, $uibModal, user, auth, model) {
var vm = this;

应该执行预期任务的相关代码-

        vm.openConfirmCancelDB = function (size) 
        {
            $uibModal.open({
                animation: vm.animationsEnabled,
                templateUrl: '/views/confirmCancelProcessModal.html',
                controller: 'Cancel',
                controllerAs: 'cancel',
                size: size,
                backdrop: 'static',
                resolve: {}
            });
        };

        vm.openLogin = function (size) 
        {
            var OLP = $uibModal.open(
            {
                animation: vm.animationsEnabled,
                templateUrl: '/views/login.html',
                controller: 'Modal',
                controllerAs: 'modal',
                size: size,
                //backdrop: 'static',
                resolve: {
                    inUser: function () {
                        var user = {};
                        return user;
                    }
                }
            });

            OLP.result.then(function() 
            {
                //event.preventDefault();
            }, 
            function () 
            {
                vm.openConfirmCancelDB('sm');
            });
        };

        vm.register = function (size) 
        {
            console.log(vm.registerform);
            var RP = $uibModal.open(
            {
                animation: vm.animationsEnabled,
                templateUrl: '/views/register.html',
                controller: 'Registration',
                controllerAs: 'modal',
                //backdrop: 'static',
                size: size,
                resolve: {
                    inUser: function () {
                        var user = {
                            email: vm.email,
                            password: vm.password
                        };
                        return user;
                    }
                }
            });

            RP.result.then(function() 
            {
                //event.preventDefault();
            }, 
            function () 
            {
                vm.openConfirmCancelDB('sm');
            });
        };

openConfirmCancelDB（）

是帮助打开对话框的函数。问题是如何调用

preventDefault（）

函数，以便在对话框显示在此模式顶部时，使当前模式保持在背景中。如何访问事件及其

preventDefault

函数？另外，任何能帮助我解决问题的其他方法对我来说也很好