为 ngx-bootstrap 模态添加或应用多个类的方法

Question

我想以大格式显示一个 ngx-bootstrap 模态。

为此有两个 classes：modal-dialog-centered 和 modal-lg 但我看不出有任何方法可以同时应用这些 classes。

有一个可选的 class property 定义为 class?: string;。但它没有定义为我们可以应用的 classes 的数组。

所以现在我可以使用以下方法居中显示模态：

this.bsModalRef = this.modalService.show(ConfirmationComponent,
    {class: 'modal-dialog-centered', initialState});

或大模态但不居中：

this.bsModalRef = this.modalService.show(ModalConfirmationComponent,
    {class: 'modal-lg', initialState});

我试图将其添加到模态的开始模板中：

<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
    ...

但是运气不好，classmodal-lg不想工作

有人知道如何让它工作吗？

更新

这个 CSS 看起来能给出一些结果，但表现不完全：

::ng-deep .modal.show .modal-dialog {
  -webkit-transform: translate(50%, 50%);
  transform: translate(0%, 50%);
}

Answer 1

@MikeOne 提供的建议非常有效。

因此添加 space 分隔 class 将提供将多个 class 应用于模态的能力。

我们可以用这段代码显示完美居中的大模态：

this.bsModalRef = this.modalService.show(ModalConfirmationComponent,
  {class: 'modal-dialog-centered modal-lg', initialState});

到目前为止，我还没有看到官方文档中对此有何记载。

Way to add or apply multiple classes for ngx-bootstrap modal