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

译文
开发 前端
目前,市场上Angular的组件库可谓林林总总。本文将为您深入地探究其中最佳的组件库,以方便您及时作出最合适的选择。

【51CTO.com快译】众所周知,由Google开发,并基于TypeScript的Angular,能够交付出具有出色Web性能的各种应用。随着Angular能够得到持续的更新,作为JavaScript经典框架之一的Angular,在GitHub上已累计了超过60,000个星。目前,诸如PayPal、Upwork和Netflix等明星公司,都在其前端开发的过程中使用到了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】

 

责任编辑:华轩 来源: 51CTO
相关推荐

2021-06-17 09:00:00

人工智能机器学习开源

2022-07-14 13:27:40

数据安全网络安全

2022-05-10 08:08:01

find命令Linux

2020-01-14 08:00:00

.NET缓存编程语言

2023-03-29 08:00:00

PostgreSQL数据库

2018-01-30 17:54:37

数据库MySQLSQL Server

2023-12-28 07:39:58

C#项目框架

2010-08-31 10:57:36

2017-06-14 16:44:15

JavaScript原型模式对象

2017-06-02 09:52:50

2017-08-31 14:57:53

数据库MySQLJOIN

2021-07-16 09:55:46

数据工具软件

2020-01-14 11:09:36

CIO IT技术

2013-01-07 10:14:06

JavaJava枚举

2019-09-06 09:00:00

开发技能代码

2023-09-13 10:48:40

2023-06-27 07:31:02

动画库React参数

2011-03-24 14:45:48

2010-09-16 17:47:49

2016-09-28 20:05:22

点赞
收藏

51CTO技术栈公众号