如何将包含模态渐变类的 div 包装在外部 div 中（对于 $modal angular-ui）

【问题标题】：how to wrap the div containing modal fade class in the outer div (for $modal angular-ui)如何将包含模态渐变类的 div 包装在外部 div 中（对于 $modal angular-ui）
【发布时间】：2014-04-04 13:04:57
【问题描述】：

我尝试寻找解决方案，但找不到与此相关的任何内容。我对角度真的很陌生。我希望将在 $modal angular-ui bootstrap modal 中生成的模态渐变类包装在一个 div 中，该 div 具有一个覆盖整个模态代码的全局类。但我不知道如何实现。

我能够将自定义 css 类添加到 modal fade{{customClass}}，但我们想要的是在这个 modal fade 类之上有一个带有这个 global-class 的外部 div。

任何帮助表示赞赏..

【问题讨论】：

标签： angularjs modal-dialog angular-ui

【解决方案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>");
}]);

【讨论】：

我希望我能做到这一点，但事实并非如此。除了缩小版或库之外，还有其他方法可以做到这一点吗？？