如何从角度引导模式中删除类

How to remove the class from angular-bootstrap modal

本文关键字:模式 删除      更新时间:2023-09-26

我正在使用角度引导模式,并试图在关闭时消除向下滑动的效果。

我试着像这样删除"淡入淡出"类,但没有成功。

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

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

您可以简单地覆盖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