我正在使用angular-bootstrap模态,并尝试在关闭时消除滑落效果。
我试图像这样删除“ fade”类,但是没有用。
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%);
}
包含引导程序的css之后,只需包含css文件即可。这是一个演示:http : //plnkr.co/edit/MuIR7N51Zxe6dZFKomHq?p=preview
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句