Angularjs 无动画的角度ui模式闪烁

现在我已经使用了

angular ui

一段时间了，但是在没有动画的情况下，我无法摆脱黑色闪烁。这是

单击几次，注意当对话框打开/关闭时背景会闪烁黑色。事实证明，在平板电脑上，情况变得更糟

就连他们的榜样也在闪烁

---

关于如何避免这种黑色闪烁，或者我被迫使用更改模式im，有什么想法吗？

使用避免闪烁的

动画：true

，我在关闭对话框时遇到了这个问题

在关闭前隐藏对话框有点帮助：

$('.modal-dialog').hide();
// then call modalInstance.close()

为了修复项目中的所有对话框，我在config函数中创建了一个“decorator”：

angular.module( ... ).config( [..., '$provide', function(..., $provide){
        $provide.decorator('$modal', [
            '$delegate', function($delegate) {
                return {
                    open: function (modalOptions) {
                        var modifiedResult = $delegate.open(modalOptions);

                        var originalClose = modifiedResult.close;

                        modifiedResult.close = function (result) {
                            angular.element('.modal-dialog').hide();
                            originalClose(result);
                        }

                        return modifiedResult;
                    },
                    getPromiseChain: function() {
                        return $delegate.getPromiseChain();
                    }
                };
            }
        ]);
}] );

---

希望这有帮助

您可以尝试使用$timeout，但我相信angular ui已经使用了$timeout。我使用引导模式，但调用$timeout函数，没有角度ui，也没有flicks。这是一个在这里讨论得很多的bug：

angular.module( ... ).config( [..., '$provide', function(..., $provide){
        $provide.decorator('$modal', [
            '$delegate', function($delegate) {
                return {
                    open: function (modalOptions) {
                        var modifiedResult = $delegate.open(modalOptions);

                        var originalClose = modifiedResult.close;

                        modifiedResult.close = function (result) {
                            angular.element('.modal-dialog').hide();
                            originalClose(result);
                        }

                        return modifiedResult;
                    },
                    getPromiseChain: function() {
                        return $delegate.getPromiseChain();
                    }
                };
            }
        ]);
}] );