angular - ng-bootstrap Modal 将附加类传递给 .modal-dialog

Question

我目前在 Angular 应用程序中使用自定义主题，我需要将一个额外的 css 类附加到“.modal-dialog”容器，它位于 ngb-modal 内部-窗口。

根据文档 (https://ng-bootstrap.github.io/#/components/modal/api)，只有通过以下方式才能为 ngb-modal-window 本身传递一个类:

this.modalService.open(MyModalComponent, { windowClass: 'my-own-styles' })

有没有办法在不使用 jQuery 的情况下将类传递给“.modal-dialog”容器？

Answer 1

我已经检查了 ng-bootstrap 库中的 Modal 组件中的代码，但我找不到合适的解决方案。无论如何，如果您只想使用此类来设置此组件的某些部分的样式，您可以将类用于模态窗口并选择一些作为窗口子级的类，即:

技术分析:

{ windowClass: 'window-class' }

SCSS:

.window-class {
    .modal-dialog {
        // some styles you want to apply
    }
}

此外，我认为在 Angular 应用程序中使用 jQuery 不是个好主意。