angular UI 模态背景

Question

我在使用 angular ui 模态时遇到问题。我的模式和背景之间有一个白色矩形。有什么想法吗？

        var modalInstance = $modal.open({
            templateUrl:'src/app/shared/confirm-modal.html',
            controller:'ConfirmModalCtrl',
            controllerAs:'vm',
            resolve:{
                data:function(){
                    return {
                        title:'Delete?',
                        message:'Are You Sure',
                        buttons:['OK','Cancel']
                    }
                }
            },
            size:'lg'

        });
        modalInstance.result.then(function(result){
            alert('Ok')
        },function(){
            alert('Canceled')
        });

Answer 1

这是使用 angular-ui-bootstrap 1.13.0 和 angular 1.4 时的一个已知错误，因为 [=10] 中的重大更改=] 在 angular 1.4.

如果您设置 animate:false 背景有效但您失去了模态动画

您可以查看 github 补丁问题跟踪器或恢复到 angular 1.3，直到发布对 angular 1.4 的支持

angular UI 模态背景

angular UI modal backdrop

css

angularjs

angular-ui-bootstrap