Question

在（）之后，我正在尝试设置模态窗口的“id”属性（为了设置自定义css属性）。

在我看来：

<script type="text/ng-template" id="myModalContent.html">

    <div class="modal-header">...</div>
</script>

在我的控制器中： function openModal_AddDevice（size）{

    var modalInstance = $modal.open({

        templateUrl: 'myModalContent.html',
        controller: 'ModalInstanceCtrl',
        size: size,
        resolve: {  device: function () { return $scope.selectedDevice;     }   }
    });

结果：

<div class="modal-dialog" ng-class="{'modal-sm': size == 'sm', 'modal-lg': size == 'lg'}"><div class="modal-content" modal-transclude=""></div>

我想要获得的结果：

<div id="SOME_ID" class="modal-dialog" ng-class="{'modal-sm': size == 'sm', 'modal-lg': size == 'lg'}"><div class="modal-content" modal-transclude=""></div>

Answer 1

从文档中可以看出，您可以使用windowClass属性添加自定义css类

windowClass - 要添加到模态窗口模板的其他CSS类

如果您想特别设置其他原因的ID，那么您可以使用以下内容覆盖窗口模板：

windowTemplateUrl - 模板覆盖模态窗口模板的路径

Angular with bootstrap：设置模态窗口＆＃34; id＆＃34;属性

1 个答案: