angularjs - Angular UI Bootstrap Modal去除id和class属性

Question

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样式，例如对话框的宽度，或设置某些对话框的内部元素的样式。我怎样才能做到这一点？

Answer 1

因为我本人只是遇到了这个令人烦恼的问题，所以文档和默认行为并不明显。现在，您可以使用windowClass选项通过$ modal.open()方法传入其他类:

var modalInstance = $modal.open({
      templateUrl: 'templateUrl.html',
      controller: Controller,
      windowClass: 'custom-css-class',
      ...
    });

尽管无法设置ID，但无法设置。官方 angular-ui modal docs中的更多信息。