离子 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 必须导入并声明到同一个模块中