離子 5 & Angular | 如何在模態中使用 FlexBox

Question

由於未知原因FlexBox在Ionic 的modals 中被忽略。

以下代碼在普通組件中的呈現方式與在離子模式中的組件中的呈現方式不同：

<ion-content>
  <div fxLayout="row">
    <div>Boo</div>
    <div fxFlex></div>
    <div>Foo</div>
  </div>
</ion-content>

在普通組件中，代碼按預期呈現：

在模態中，FlexBox 被忽略。 相同的代碼以下列方式呈現：

兩個組件都導入FlexLayoutModule 。

問題：如何在離子模態中使用 Angular FlexBox ？

Answer 1

可能是進口問題。

FlexLayoutModule 和您的 ModalComponent 必須導入並聲明到同一個模塊中