我最喜欢的 Angular 库，适用于任何项目

这篇文章最初由我用西班牙语撰写，链接在此：Mejores librerías Angular

与其他许多框架一样，Angular 也拥有一个由社区创建的库生态系统，其中最常见的是组件库。在下面的列表中，我将向您展示我个人认为最有趣的组件库。此列表不分先后。

我建议尽量使用真正需要的最少数量的库，因为这样你会失去对应用程序组件的控制权，并且需要依赖库的开发者来维护这些组件。

PrimeNG

该组件集合包含许多专为移动设备设计的组件。它提供多种主题供您选择，以自定义组件的外观。

它包含数据显示组件（表格、图表、统计数据等）、多种类型的面板、按钮、菜单，甚至还有拖放组件，因此您无需为此功能寻找其他库。

官方页面

NG Bootstrap

如果你想将 Bootstrap 与 Angular 结合使用，你可以像在普通页面中一样直接使用 Bootstrap。但问题在于，Bootstrap 中使用 JavaScript 的部分将无法正常工作，因为它们使用了 jQuery，而 jQuery 并不兼容 Angular。如果你需要使用 Bootstrap 的 JavaScript 组件，最好的办法是使用 jQuery 库。

该库包含许多适用于 Angular 的 Bootstrap 组件，因此例如，您可以使用 Bootstrap 下拉菜单而无需进行奇怪的操作。

官方页面

角质材料

最近，基于谷歌的 Material Design 设计风格非常流行，而这个库使我们能够将其与 Angular 结合使用。

与之前的库一样，它提供了一系列丰富的即用型组件。这些组件的独特之处在于，它们的设计灵感来源于 Material Design。

与 PrimeNG 类似，它提供了多种组件，但数据可视化组件并不多。

官方页面

NGX 管理员

如果我们想在 Web 应用程序中添加控制面板，最简单快捷的方法就是使用这些组件来创建它们。

它提供两种配色方案，一种是浅色，一种是深色。在其官方网站上，您可以查看一个使用这些组件运行的控制面板示例。正如您所见，虽然它主要专注于控制面板，但也包含多种其他组件。

官方页面

Ngrx

该库对于大型应用程序至关重要，它用于在一个名为 store 的单一位置管理 Web 应用程序的状态。

该系统还允许在组件之间共享数据，并有助于使大型应用程序易于维护。

官方页面

NG动画

可以在 Angular 组件中使用的小型动画。虽然 Angular 本身提供了一个创建自定义动画的系统，但也有一个库可以帮我们创建这些动画。

虽然动画效果不多，但默认的动画效果足以满足组件加载时的动画需求。

官方页面

NGX图表

包含各种类型图的特定组件的库。

图表完全可自定义，并具有多种参数，可适应各种类型的页面。

包含的图表类型如下：

• 水平条形图和垂直条形图（标准型、分组型、堆叠型、标准化型）
• 线
• 面积（标准、堆叠、归一化）
• 脚（可爆炸、网格、自定义图例）
• 油炸圈饼
• 测量
• 线性测量仪
• 力导向图
• 热图
• 树状图
• 数字卡片
• 气泡/散布

官方页面

Angular 通知器

Angular 的通知功能。虽然您可以创建自己的组件来显示通知，但该库已经预置了一些通知组件：

• 默认
• 成功
• 信息
• 注意
• 错误

此外，通知还带有动画效果，可以隐藏，并且可以通过各种参数进行自定义。

官方页面

德拉古拉

Dragula 是一个专为多种框架（包括 Angular）设计的库。它是一个用于实现拖放组件和设计的库，也就是说，用户可以在界面中使用鼠标或智能手机上的手指来移动和拖动页面元素。

官方页面

结论

还有很多其他的库，但我只列出了我个人觉得比较有用或者至少比较有趣的那些。Angular 的优点在于，你不需要安装很多库就能创建一个项目，因为与其他框架不同，Angular 默认包含了你所需的一切。