UI angular 12 个项目的框架

UI framework for angular 12 project

我们将在 angular 12 上创建一个新项目。我需要建议来选择 UI 框架。

我们有 bootstrap 5、angular material 和 primeNg 选项。

我做了以下研究:

Bootstrap 5 适合新手开发人员,反应灵敏,但对创建任何复杂组件没有用。开发人员必须手动完成。

Angular Material 适合主题化,并提供良好的小部件,但没有任何类型的内置图表和响应支持。

PrimeNg 适用于提供所有类型的小部件图表、复杂网格和选项卡的简单和复杂组件。它具有所有的包,响应能力。但是,它不提供任何定制。

这是我分析过的

我们的要求是不想创建不必要的复杂组件,这样我们就可以专注于支持现成组件的数据,并希望避免使用多个库。我们还需要 i18n 的支持和辅助功能支持。

如有任何建议或建议,我们将不胜感激。

谢谢

如果您的客户或组织准备购买高级版本,您可以使用 kendo 控件,它为您提供 Web 和移动响应控件。

使用 kendo 控件,您还可以添加 bootstrap 5 以进行其他 CSS 更改。

有了这2个框架,就可以满足你的需求了。

希望能解决您的问题。

我已经使用了您提到的所有 3 个库和其他库。我对你的观察的看法。

Bootstrap - 浪费 space,很老派,看起来很无聊。它的网格系统使它出名,但 CSS 网格现在意味着它是多余的。

Angular Material - 专业组件,但自定义和过于复杂的标记会成为真正的痛苦。例如,如果你想在日期选择器模式中添加自定义按钮,那么你需要一个学位和 2 天来添加它们!如果你不做任何超出常态的事,那是可以忍受的。

primeng - 不错的库,易于集成,但几乎没有定制可用。此外,组件可能不一致。例如,一个可能要求您使用 CSS 设置宽度样式,而下一个提供宽度输入 属性。此外,版本之间的升级确实会破坏应用的外观。

尽管我很讨厌它(我真的很讨厌)并且真的很生气顶级 Angular lib 使用起来很痛苦(真的很痛苦),而且由于缺乏体面的竞争,我会推荐 Angular Material.

但是,如果您想要其他想法,请查看 Rising Stars

尤其是 NG-ZORRO,非常受欢迎。但是,就我个人而言,它遇到了与 primeng 类似的问题。

总而言之,组件库应该可以满足您的大部分需求。但是,总会有一些额外的问题需要您实施,对于这些问题,通常必须有一个专门针对该特定领域的额外库。

祝一切顺利。