使用 Angular Flex-Layout 的原因是什么？

Question

在我正在进行的一个项目中，团队决定使用 angular/flex-layout。 我想知道，使用它的原因是什么？ 我只能找到反对的理由。

例如这段代码：

<div fxLayout="row" fxLayoutAlign="space-between">
</div>

我们都熟悉的关于html & CSS的第一个“最佳实践”/“关注点分离”，就是内容和样式的分离；使用 flex-layout 我们完全失去了它。 它看起来像一个内联样式，这是一个非常糟糕的做法。

我能想到的唯一好处是将变量直接用于 flex-layout 指令，但我们也可以使用 ngStyle 指令来实现。

我对你的意见很感兴趣，你怎么看？

Answer 1

顾名思义，[Angular Flex-Layout] 是一个用于在网页上布局组件的库。该库不提供样式、字体或颜色的方法，因为这些任务被委派给应用程序中的传统样式。 Angular Flex-Layout 处理组件定位，无论有没有 Angular Material 都可以很好地工作。它也是由 Angular 团队构建并得到社区的支持。

使用 Angular Flex-Layout 的一些主要优点是：

• 该库是一个纯 Typescript 布局引擎。
• 使用 HTML 标记来指定布局配置。
• 独立于 Angular 材质。
• 响应式 API 可以指定不同的布局、大小、可见性、视口大小和显示设备。
• 包括 CSS 网格。
• 不需要外部样式表。