龙空技术网

快来get七种好用的Angular组件库

黑马程序员 157

前言:

现时小伙伴们对“angular 弹出框 怎么写”都比较关切,大家都需要知道一些“angular 弹出框 怎么写”的相关资讯。那么小编在网络上网罗了一些有关“angular 弹出框 怎么写””的相关知识,希望大家能喜欢,姐妹们快快来学习一下吧!

众所周知,由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 FlinkThoughworks

Github星级:6800+

每周npm下载量:33,000+

最近更新版本:7.5.1

小结

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

标签: #angular 弹出框 怎么写