我正在使用angular-bootstrap模式并尝试在关闭时删除滑动效果。
我试图像这样删除'fade'类,但它没有用。
angular.module('myapp.directives', [])
.directive 'modalWindow', ()->
restrict:'EA'
link:(scope,elem)->
elem.removeClass("fade")
如何访问或操作angular-bootstrap创建的DOM?
答案 0 :(得分: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