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

Question

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

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

有没有办法在没有css添加/修改的情况下在我的应用程序中的所有模态上完全禁用动画？

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
        };
    }]);