如何从 angular-bootstrap 模态中删除类

【问题标题】：How to remove the class from angular-bootstrap modal如何从 angular-bootstrap 模态中删除类
【发布时间】：2014-04-15 23:13:02
【问题描述】：

我正在使用 angular-bootstrap 模态并尝试在关闭时移除下滑效果。

我试图像这样删除 'fade' 类，但没有奏效。

angular.module('myapp.directives', [])
    .directive 'modalWindow', ()->
        restrict:'EA'
        link:(scope,elem)->
            elem.removeClass("fade")

如何访问或操作由 angular-bootstrap 创建的 DOM？

【问题讨论】：

标签： javascript angularjs angularjs-directive angular-ui-bootstrap angular-bootstrap

【解决方案1】：

您可以简单地override the css，而不是删除该类。这是从 bootstrap.css 复制的，但我已经删除了负责向下滑动效果的转换：

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

在您包含引导程序的 css 后，只需包含您的 css 文件。这是一个演示：http://plnkr.co/edit/MuIR7N51Zxe6dZFKomHq?p=preview

【讨论】：