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

Masanorinyo

我正在使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap:如何从模态中删除盒子阴影?

来自分类Dev

Bootstrap:如何从模态中删除盒子阴影?

来自分类Dev

从Angular Bootstrap中的模态返回值

来自分类Dev

ngRepeat中的Angular UI Bootstrap模态

来自分类Dev

如何在Cordova中关闭Bootstrap模态?

来自分类Dev

如何删除此bootstrap 4模态右侧的多余空间?

来自分类Dev

如何在我的angular 1.5应用程序中合并ui-bootstrap模态?

来自分类Dev

如何在Angular 2中关闭模态?

来自分类Dev

在Angular控制器中测试Bootstrap模态

来自分类Dev

控制器或指令中的Angular Bootstrap UI模态?

来自分类Dev

模态弹出并提交时如何删除URL中的#

来自分类Dev

Angular ngx-bootstrap-如何制作大而宽的模态

来自分类Dev

如何在Bootstrap 3中贡献模态主体?

来自分类Dev

如何在JavaScript中的HTML表中使用Bootstrap模态?

来自分类Dev

如何让链接打开Bootstrap模态中的特定选项卡?

来自分类Dev

如何删除类中的实例

来自分类Dev

如何删除类中的 eventListener?

来自分类Dev

如何在隐藏模态的同时从引导模态中删除数据

来自分类Dev

使用类.enable-twitter-bootstrap使div内的angular-ui追加模态

来自分类Dev

使用类.enable-twitter-bootstrap使div内的angular-ui追加模态

来自分类Dev

根据 Angular 6 中的类删除元素

来自分类Dev

如何使用代码在Angular 2中打开模态?

来自分类Dev

Angular 2 Material:如何在模态中强制对齐元素?

来自分类Dev

如何使Angular Forms ngModel类继承自Bootstrap Forms类

来自分类Dev

反应bootstrap模态-如何显示?

来自分类Dev

如何更新Bootstrap模态的内容?

来自分类Dev

如何向 Angular JS 中单击的父链接添加/删除类?

来自分类Dev

如何在 Angular 4、Typescript 2 中添加或删除引导程序“活动”类

来自分类Dev

如何从Angular中的元素获取类?

Related 相关文章

  1. 1

    Bootstrap:如何从模态中删除盒子阴影?

  2. 2

    Bootstrap:如何从模态中删除盒子阴影?

  3. 3

    从Angular Bootstrap中的模态返回值

  4. 4

    ngRepeat中的Angular UI Bootstrap模态

  5. 5

    如何在Cordova中关闭Bootstrap模态?

  6. 6

    如何删除此bootstrap 4模态右侧的多余空间?

  7. 7

    如何在我的angular 1.5应用程序中合并ui-bootstrap模态?

  8. 8

    如何在Angular 2中关闭模态?

  9. 9

    在Angular控制器中测试Bootstrap模态

  10. 10

    控制器或指令中的Angular Bootstrap UI模态?

  11. 11

    模态弹出并提交时如何删除URL中的#

  12. 12

    Angular ngx-bootstrap-如何制作大而宽的模态

  13. 13

    如何在Bootstrap 3中贡献模态主体?

  14. 14

    如何在JavaScript中的HTML表中使用Bootstrap模态?

  15. 15

    如何让链接打开Bootstrap模态中的特定选项卡?

  16. 16

    如何删除类中的实例

  17. 17

    如何删除类中的 eventListener?

  18. 18

    如何在隐藏模态的同时从引导模态中删除数据

  19. 19

    使用类.enable-twitter-bootstrap使div内的angular-ui追加模态

  20. 20

    使用类.enable-twitter-bootstrap使div内的angular-ui追加模态

  21. 21

    根据 Angular 6 中的类删除元素

  22. 22

    如何使用代码在Angular 2中打开模态?

  23. 23

    Angular 2 Material:如何在模态中强制对齐元素?

  24. 24

    如何使Angular Forms ngModel类继承自Bootstrap Forms类

  25. 25

    反应bootstrap模态-如何显示?

  26. 26

    如何更新Bootstrap模态的内容?

  27. 27

    如何向 Angular JS 中单击的父链接添加/删除类?

  28. 28

    如何在 Angular 4、Typescript 2 中添加或删除引导程序“活动”类

  29. 29

    如何从Angular中的元素获取类?

热门标签

归档