完全禁用 Angular UI 引导模式的动画

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