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

发布时间：2020-12-17 09:41:55 所属栏目：安全来源：网络整理

导读：Live Example 添加以下Angular UI Bootstrap Modal： div id="my-id" class="my-class" modal="opened" pModal Here/p/div 结果是： div class="modal ng-scope" pModal Here/p/div 为什么id和class属性被剥离？我想在对话框上设置一些CSS样式,例如对话框的

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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!