我可以将 Angular Flex 布局库用于简单项目吗?

Posted

技术标签:

【中文标题】我可以将 Angular Flex 布局库用于简单项目吗?【英文标题】:Can I use Angular Flex-layout library for simple project? 【发布时间】:2021-12-13 00:44:13 【问题描述】:

我正在使用 html、scss 和 javascript 构建一个简单的项目,我也在使用 Gulp.js。

我想知道在项目中使用Angular Flex layout 库是否可行和一个好的做法。

注意:我需要在保持响应式布局的同时快速完成它,我认为使用该库可以节省大量时间。

【问题讨论】:

【参考方案1】:

Angular 和 CSS 是两个独立的主题,因此我绝不推荐使用在这两个概念之间创建依赖关系的库。 您可以将 Flex 布局与与 Angular 无关的基本 CSS 一起使用。 这样你的学习曲线会更容易,因为你可以在不考虑 Angular 的情况下学习 Flex,就像你可以在不了解 Flex 的情况下学习 Angular。

【讨论】:

我对 angular 和 css 有一些了解,但我认为使用库会更容易,因为我不必编写完整的 css,而是使用诸如 fxLayout="row" 之类的属性来代替 如果 fxLayout="row" 比 class="flex-row" 对您来说更容易,并且您发现值得为您的应用程序添加千字节的依赖项,然后继续。但是您的问题是关于最佳实践的,因此使用比您可能需要的更大的依赖项并不是最佳实践。

以上是关于我可以将 Angular Flex 布局库用于简单项目吗?的主要内容,如果未能解决你的问题,请参考以下文章

Angular 2 Flex 布局右对齐图标

我应该将 Bootstrap 与 Angular Material 一起用于辅助类吗?

使用 @angular/flex-layout 作为网格布局

基本 Angular 材质布局/flex 示例不起作用

@angular/flex-layout 'space-between' 布局

具有 Angular 6 垂直 50-50 高度的 Flex 布局