Question

我正在使用angular-bootstrap模式并尝试在关闭时删除滑动效果。

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

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

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

Answer 1

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

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

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

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

1 个答案: