离子 5 和角度 |如何在模态中使用 FlexBox答案

【问题标题】：Ionic 5 & Angular | How to use FlexBox in modal离子 5 和角度 |如何在模态中使用 FlexBox
【发布时间】：2021-07-02 15:01:57
【问题描述】：

由于未知原因，FlexBox 在Ionic's modals 中被忽略。

以下代码在普通组件中的呈现方式与在离子模式中的组件中的呈现方式不同：

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

在普通组件中，代码按预期呈现：

在模态中，FlexBox 被忽略。相同的代码以如下方式呈现：

两个组件都导入FlexLayoutModule。

问题：如何在 Ionic modal 中使用 Angular FlexBox？

【问题讨论】：

【解决方案1】：

可能是导入问题。

FlexLayoutModule 和您的 ModalComponent 必须导入并声明到同一个模块中

【讨论】：