2

我正在尝试将angular-formio嵌入到 Iconic 4 PWA 应用程序中。据我所知，formio 不包含 Ionic 的模板。所以我已经恢复使用隔离引导作为解决方法。这让我可以执行以下操作：

<div class="ion-padding">
  <div class="bootstrap">
    <form-builder [form]="{
      components: []
    }"></form-builder>
  </div>
</div>

我将 angular-formio<form-builder>元素包装在带有bootstrapCSS 类的 div 中。这很好用，似乎让 Ionic 和 Bootstrap 风格并存。我将需要应用一些 CSS 调整以使其恰到好处，但现在可以使用。

我遇到的问题是 formio 会弹出它自己的对话框来编辑表单元素。这些对话框被插入到该元素之外的 DOM 中，因此没有所需的bootstrapCSS 类。

有什么方法可以告诉 angular-formio 或底层的 formio.js 将 CSS 类添加到其所有元素和对话框中，以便将独立引导应用于这些元素？

4

1 回答 1

1

在 formio 中，您可以使用cssClass属性将引导类应用于表单字段并customClass应用您自己的 CSS 类。

于 2020-08-07T06:04:14.450 回答