问题描述
在我正在进行的其中一个项目中，团队决定使用 angular/flex-layout。 我想知道，到底使用它的原因是什么？ 我只能找理由反对。
例如这段代码：
<div fxLayout="row" fxLayoutAlign="space-between">
</div>我们都熟悉的关于 html 和 CSS 的第一个“最佳实践”/“关注点分离”是内容和样式的分离；使用 flex-layout 我们完全失去了它。 它看起来像内联样式，这是一种非常糟糕的做法。
我能想到的唯一好处是直接将变量用于 flex-layout 指令，但我们也可以使用 ngStyle 指令来实现。
我对你的意见很感兴趣，你怎么看？
解决方法
顾名思义，[Angular Flex-Layout] 是一个用于在网页上布置组件的库。该库不提供样式、字体或颜色的方法，因为这些任务被委托给应用程序中的传统样式。 Angular Flex-Layout 处理组件定位，无论是否使用 Angular Material，都可以很好地工作。它也由 Angular 团队构建并得到社区的支持。
使用 Angular Flex-Layout 的一些主要优点是：
- 该库是一个纯 Typescript 布局引擎。
- 使用 HTML 标记来指定布局配置。
- 独立于角材料。
- 响应式 API 可以指定不同的布局、大小、可见性、视口大小和显示设备。
- 包括 CSS 网格。
- 不需要外部样式表。