完全禁用 Angular UI Bootstrap 模式的动画

Question

我正在使用 Angular UI Bootstrap 模态组件，我可以像这样禁用模态的动画：

var modalInstance = $uibModal.open({ animation: false, component: 'myComponent' });

有没有什么方法可以在没有 css addition/modification 的情况下完全禁用我应用程序中所有模式的动画？

Answer 1

$uibModal 对象有一个名为 $uibModalProvider 的提供者，可以在配置阶段使用它来设置默认值$uibModal.

像这样的东西会起作用：

angular
    .module('myApp')
    .config(['$uibModalProvider', function ($uibModalProvider) {
        $uibModalProvider.options.animation = false;
    }]);

也可以同时为其他选项提供默认值：

angular
    .module('myApp')
    .config(['$uibModalProvider', function ($uibModalProvider) {
        $uibModalProvider.options = {
            animation: false,
            backdrop: false,
            keyboard: false
        };
    }]);