AngularJS中的模态服务允许我调整模态弹出窗口的大小

时间:2014-05-02 02:11:12

标签: css angularjs twitter-bootstrap angular-ui angular-ui-bootstrap

我正在写一个AngularJS应用程序。我需要打开一个大尺寸的特定模态弹出窗口。是否有任何AngularJS库允许我根据我的规范打开模态弹出窗口?我看了一下AngularStrap:http://mgcrea.github.io/angular-strap/##modals,看起来它根本不支持调整大小,而AngularUI - Bootstrap:http://angular-ui.github.io/bootstrap/#/modal,它支持大模态或小模态的选项。我测量了大模态,它的宽度只有900px,这对我来说并不是那么大。我希望选项随意打开具有指定大小的模态。

我在这里看到一些答案,建议修改.modal CSS,如果我想要更大的模态弹出窗口,但我不能。代码的其他部分确实使用默认模式弹出,修改它会导致其他地方一团糟。

有关于如何使用AngularStrap(首选库)或AngularUI - Bootstrap实现此目的的建议吗?

谢谢,

3 个答案:

答案 0 :(得分:1)

您可以为该模态采用单独的类名,并使用该类名进行CSS更改。它不会影响现有的模态。

答案 1 :(得分:0)

我最终使用jQuery.addClass将一个单独的类名附加到该模态中。这正是我正在寻找的效果。

答案 2 :(得分:0)

我尝试将windowClass用于我的模态服务,然后将自定义CSS类附加到此:

windowClass: 'app-modal-window'
  .app-modal-window .modal-dialog{width: 375px;
}