angularjs – Angular UI Bootstrap模态条ID和类属性

前端之家收集整理的这篇文章主要介绍了angularjs – Angular UI Bootstrap模态条ID和类属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Live Example

添加以下Angular UI Bootstrap Modal

<div id="my-id" class="my-class" modal="opened">
  <p>Modal Here</p>
</div>

结果是:

<div class="modal ng-scope">
  <p>Modal Here</p>
</div>

为什么id和class属性被剥离?

我想在对话框上设置一些CSS样式,例如对话框的宽度,或者对某些对话框的内部元素进行样式化.我该如何实现呢?

因为我自己遇到这个令人烦恼的问题,文档和默认行为并不明显.您现在可以使用windowClass选项通过$modal.open()方法传递其他类:
var modalInstance = $modal.open({
      templateUrl: 'templateUrl.html',controller: Controller,windowClass: 'custom-css-class',...
    });

无法设置ID,而不是跛脚.更多信息在官方angular-ui modal docs.

原文链接:https://www.f2er.com/angularjs/140482.html

猜你在找的Angularjs相关文章