You are here
值得推荐的七种好用的Angular组件库 7个最佳 Angular UI框架 有大用
众所周知，由Google开发，并基于TypeScript的Angular，能够交付出具有出色Web性能的各种应用。随着Angular能够得到持续的更新，作为JavaScript经典框架之一的Angular，在GitHub上已累计了超过60,000个星。目前，诸如PayPal、Upwork和Netflix等明星公司，都在其前端开发的过程中使用到了Angular。
由于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应用开发最佳解决方案，NG ZORRO经常被用在开发SaaS应用等场景中。目前，正在使用Angular NG-Zorro组件库的明星公司包括：
阿里巴巴Apache FlinkThoughworksGithub星级：6800+
每周npm下载量：33,000+
最近更新版本：7.5.1
小结
上面便是我们对目前七种最佳Angular组件库的介绍。可见，不同的应用场景，适合采用不同的组件库，并且需要配合恰当的JavaScript框架，来构建Angular Web应用。希望上述列举的要点能够对您在项目的实际选择中，提供帮助。
Angular5/Angular4 PC端UI库ant design
首先说说Angular5大家应该很熟悉，是谷歌公司的一款优秀的前端框架，ant design呢是我们小马（蚂蚁金服Ant Design团队）家的一款优秀的前端框UI库架支持React和Angular5。
来自 https://baijiahao.baidu.com/s?id=1684751766552282192&wfr=spider&for=pc
7个最佳 Angular UI框架
Angular 框架是一个完整的前端开发工具包，包括用于开发桌面、移动和 Web 应用程序的广泛功能。有几个组件库可以通过与现有功能集成来扩展你的 Angular 组件。这些 Angular UI 组件库提供的组件可以自动化你的杂务，执行典型的重复操作，并为你节省大量的编写时间。
1.NG-BootStrap
NG Bootstrap 提供带有高级输入组件的 Angular 小部件，我们使用 Bootstrap 4 CSS 从头开发这些组件。这些小部件易于使用，不需要 Angular 和 Bootstrap 以外的其他知识。他们的组件包也很容易管理，它没有第三方依赖项，这个 Angular 库支持整个大型开发团队社区。它支持使用 Angular UI Bootstrap 组件，例如轮播、模式、弹出框、工具提示、日期选择器和预输入。
2.NGX- Bootstrap
这是另一个最受欢迎的 Angular UI 组件库。它包括 Angular 起主要作用的所有基本 Bootstrap 组件。所以你不需要添加原始的 JS 组件，而可以依赖于 Bootstrap 中的标记和 CSS。将 Bootstrap 3 和 4 组件与 Angular 集成的最佳和最直接的方法。NG 和 NGX bootstrap 的主要不同因素是内置动画支持和更好的支持，如嵌套模式、模式即服务、可排序组件以及其他类型的 dr。
3. UI Bootstrap
UI Bootstrap 是一个流行的 UI 组件库，它使用了 Bootstrap，它是最全面的前端技术之一。它包括大量的依赖项，例如 Bootstrap CSS、Angular-touch 和 Angular-animate。UI Bootstrap 为使用 Angular 进行快速 Web 开发提供了广泛的支持。最好的方面是它消除了对 jQuery 或 Bootstrap JavaScript 的需求，还提高了应用程序和现代 Web 应用程序的速度。
4.Covalent UI
Covalent UI 是一个基于 Angular-Material 的用户界面框架，该框架包含基于完整 Web 框架的解决方案。Angular 命令行界面允许开发人员与支持设计、部署和测试应用程序的基于 Angular 材料的平台进行交互。这些高级组件提供了更简单的文件上传到 UI 平台、用户界面布局、步进器、自定义 Web 组件、扩展面板以及用于端到端和单元测试的附加测试工具。
5.Kendo UI
这是一个高质量的 Angular UI 组件工具包，它具有卓越的功能，例如原生 Angular UI、Angular 本地化、灵活的主题和简单的安装过程。Kendo UI 的许多功能与其他有所不同。一些组件包括更多的原生 Angular UI。有多种 UI 组件可用于速度、性能、本地化和可访问性。有 80 多个用于主题构建、升级和灵活性的 UI 组件。
6.Onsen UI
Onsen UI 包括基于平台自动设置样式的 Angular UI 指令。所有 UI 组件都很容易集成到你的 Angular 移动应用程序中。Onsen UI 是一组开源的 UI 组件，用于开发 HTML5 混合移动应用程序。这还包括范围广泛的 Angular 组件，可让你构建跨平台 Web 应用程序和混合应用程序。其中大部分还支持Android和iOS两种类型的软件开发平台。
Onsen UI 还提供了现成的 UI 组件，例如工具栏、表单、侧边菜单和对话框，以获得更原生的外观。
7.Semantic
Semantic 是最流行的 UI 组件库之一，它也被称为 NG Semantic UI，它包括Semantic丰富的 UI 组件和模块的 Angular 组件版本，无需在程序中使用 jQuery。NG Semantic 是一个著名的框架，旨在帮助 Angular 开发企业使用 HTML 代码构建独特的布局，它采用可互换的概念。
这个 Semantic-UI 包含超过 3000 个主题变量和选项以及超过 5000 个提交和超过 50 个 UI 组件。Semantic UI 的一些最显着的特性可以使你的应用程序使用 HTML 简洁。通过简化的调试选项和直观的 Javascript 选项创建独特的主题。
这些流行的 Angular UI 组件库将帮助你实现闪电设计系统、灵活的主题、自定义组件和整体良好的原生 Angular 组件。 作者：粤嵌科技 https://www.bilibili.com/read/cv15808924 出处：bilibili
来自 https://www.bilibili.com/read/cv15808924