如何将包含模态淡入淡出类的 div 包装在外部 div 中(对于$modal角度 UI)

Question

我试图寻找解决方案，但找不到与此相关的任何内容。我对棱角真的很陌生。我希望在 $modal angular-ui 引导模态中生成的模态淡入淡出类被包装在一个div 中，该div 具有涵盖整个模态代码的全局类。但我不知道如何实现这一目标。

我能够将自定义 css 类添加到模态淡入淡出{{customClass}} 中，但想要的是在这个模态淡入淡出类之上有一个带有这个全局类的外部div。

任何帮助不胜感激。

Answer 1

唯一真正的选择是编辑ui-bootstrap-tpls.js：

从 ui-bootstrap-tpls-0.10.0.js 中的第 3529 行：

angular.module("template/modal/window.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("template/modal/window.html",
    "<div tabindex="-1" class="modal fade {{ windowClass }}" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10, display: 'block'}" ng-click="close($event)">n" +
    "    <div class="modal-dialog"><div class="modal-content" ng-transclude></div></div>n" +
    "</div>");
}]);