值得推荐的七种好用的Angular组件库

[[354489]]

由于Angular是目前公认的最佳Web开发框架，因此市场上不同的社区贡献者们为它开发出了许多组件库。面对那些林林总总的组件库，您也许会深陷“选择困难症”。那么，下面我将为您深入地探究每个组件库，以方便您及时作出最合适的选择。

1.Angular Material

以前被称为Material2的Angular Material，是由Angular和TypeScript建立的官方组件库。它主要致力于实现Google的material设计。Angular Material能够遵循各种UI的最佳实践，其中包括用户能够从各种命令行模板中，迅速添加新的功能。

Github星级：20,000+

每周npm下载量：480,000+

最近更新版本：8.0.1

您可以在该组件库中使用的Angular组件包括：

• 弹出式snackbar和对话框的创建
• 各种进度条
• Ico和chip图标
• 包括网格列表、选项卡，购物车等布局组件
• 工具栏菜单和导航栏

2.NG Bootstrap

该Angular库提供了bootstrap 4的各种组件，旨在取代Angular UI-bootstrap。市场上普遍认为NG Bootstrap程序提供了较高的测试覆盖率，同时也删除了所有第三方的JS依赖项。

Github星级：7000+

每周npm下载量：200,000+

最近更新版本：5.0.0-rc.0

您可以在该组件库中使用的Angular组件包括：

• 提示工具(tooltip)
• 弹窗
• 输入提示(Typehead)
• 静态框(Modal)
• 日期选择器

3.Ng Semantic UI

Ng Semantic库是基于Angular 2和Semantic UI构建的，也是市场上最流行的、被使用最多的UI组件之一。

Github星级：1000+

每周npm下载量：461+

最近更新版本：1.1.13

您可以在该组件库中使用的Angular组件包括：

• 消息
• 评级
• 菜单
• 列表
• 分段
• 选择
• 按钮
• 侧边栏
• 标记(Flag)

4.Prime NG

Prime NG是Angular框架中最负盛名的组件库之一，其中包含了涉及到各种主题的80多个UI组件。基于Prime NG的专业设计，用户能够轻松地自定义各种组件。这也正是许多明星公司(例如eBay)使用该组件库的主要原因。

Github星级：6000+

每周npm下载量：178,000+

最近更新版本：8.0.0

您可以在该组件库中使用的Angular组件包括：

• 上载文件组件
• 面板和灯箱放大效果(lightbox)等组件
• 工具栏和滚动面板
• 页签(Tabview)面板
• 包括数据列表和数据网格等数据组件

5.Clarity

来自VMware开源设计系统的Clarity，能够将HTML和CSS组件与Angular组件结合在一起使用。这对于设计人员和开发人员是非常实用的。

Github星级：6000+

每周npm下载量：11,000+

最近更新版本：2.0.1

您可以在该组件库中使用的Angular组件包括：

• 登录页面
• 网格
• 密码
• 进度条
• 各种警告
• 拨动开关效果
• 单选按钮

6.NGX Bootstrap

该组件库提供了Angular下的所有bootstrap组件。由于带有各种bootstrap功能，因此它广受Angular开发人员的喜爱和使用。NGX Bootstrap的另一个独特之处在于它既能够与PC主机，又能够与移动设备相兼容。

Github星级：5100+

每周npm下载量：11,000+

最近更新版本：2.0.1

您可以在该组件库中使用的Angular组件包括：

• 分页
• 各种警告
• 日期选择器
• 输入提示
• 伸缩折叠(Collapse)
• 嵌套折叠(Accordion)

7.NG ZORRO

由TypeScript编写的NG ZORRO，是基于Ant架构而设计的，因此它提供了一整套企业级的UI。作为公认的Web应用开发(请参见-- https://citrusbug.com/services/web-application-development)最佳解决方案，NG ZORRO经常被用在开发SaaS应用等场景中(请参见-- https://citrusbug.com/services/saas-application-development)。目前，正在使用Angular NG-Zorro组件库的明星公司包括：

• 阿里巴巴
• Apache Flink
• Thoughworks

Github星级：6800+

每周npm下载量：33,000+

最近更新版本：7.5.1

小结

上面便是我们对目前七种最佳Angular组件库的介绍。可见，不同的应用场景，适合采用不同的组件库，并且需要配合恰当的JavaScript框架，来构建Angular Web应用。希望上述列举的要点能够对您在项目的实际选择中，提供帮助。

原文7 Best Angular Component Libraries to Use in 2020，作者：Malkesh Sondagar

【51CTO译稿，合作站点转载请注明原文译者和出处为51CTO.com】