角度5材质flex-layout fxLayoutAlign =“空间均匀中心”不起作用

Question

我正在使用Angular 5＆amp;材料主题，我试图找出一些兄弟形式的输入来查看like this

上面的链接建议使用像这样的div：

div fxLayout="row" fxLayoutAlign="space-evenly center"

我尝试在我的应用中使用它，但它没有将它们分开，请查看this stackblitz example以查看问题的完整视图

Answer 1

在npm page of the @angular/flex-layout中，没有提到我们需要在app.module中导入模块，所以我认为默认情况下它可以像其他一些核心角度模块那样在角度中启用

但是根据这个page，我们需要按如下方式导入它：

要使用@ angular / flex-layout，您必须：

1-使用npm

安装它

npm i @angular/flex-layout --save

2-将其导入角度应用的app.module文件中以使其正常工作

虽然这是大多数模块的基础，但我没有在演示中看到它，所以我忘了它。

在 app.module.ts 中，您必须按如下方式导入它：

import { FlexLayoutModule } from "@angular/flex-layout";

@NgModule({
  imports:      [ BrowserModule, FormsModule, BrowserAnimationsModule, MatFormFieldModule, MatInputModule,
  FlexLayoutModule
  ],

a full stackblitz example is here

注意：

我即将发布这个问题，但后来我找到了解决方案＆amp;我想分享它以帮助其他有类似问题的人