twitter-bootstrap – 使用Bootstrap的Angular Dialog指令3

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 使用Bootstrap的Angular Dialog指令3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们正在尝试从Bootstrap 2.3.2迁移到Bootstrap 3(RC1),并且与 AngularJS Dialog directive有任何问题.点击相关按钮,不会弹出对话框(页面显示为黑色,点击任何地方返回原始的非黑色视图).

我们基本上使用与上述链接完全相同的代码.

有一个已知的问题here.讨论路德建议:

“to have modal worked,add hide class to set display:none to modal and reset the modal’s display to block”

不幸的是,似乎没有任何区别.我们可以使用哪些替代方法获取引导3 RC1中出现的对话框?

我尝试使用Modal directive instead.它有一个类似的问题,页面淡化(而不是完全黑色),弹出窗口也不会出现.

解决方法

正如其他答案所表明的那样,这是由于Bootstrap 3中的变化引起的.直到Angular UI团队解决了这些问题(目前正在开发中,请参阅bootstrap3_bis分支),对于 this blog post中详细的对话框,有一个css解决方法
.modal { display: block; }

工作plunkr可在这里:

http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=preview

猜你在找的Bootstrap相关文章