开发学院

您的位置:首页>教程>正文

教程正文

Angular 6 概述

  Angular目前有五个主要版本,Angular 1是发布的首个版本,也称为AngularJS。Angular1之后是Angular2,与Angular1相比,Angular2结构上有了很大的变化。

  Angular的结构基于组件/服务架构。AngularJS基于模型视图控制器。2018年5月发布的Angular 6是一个重大突破,是Angular 5之后团队发布的最新版本。

  Angular6几乎与Angular5相同。它与Angular 5向后兼容,在Angular 5中开发的项目在Angular 6中运行基本上不会有任何问题。

  现在让我们来看看新的特性和在Angular 5中所做的改变。

Angular5及其特征

  Angular 5于2017年11月发布,它比Angular 4的速度更快,尺寸更小。以下是Angular5的主要功能。

  •   HttpClient API:HttpClient API的引入是为了废弃HTTP库。HttpClient API比HTTP库更快、更安全、更高效。

  •   导出多个别名:可以使用多个别名导出组件,以简化迁移过程。

  •   数字、日期和货币的国际化管道:为了更好地标准化,引入了新管道。

  •   Lambda支持:可以使用具有正确名称的Lambda表达式来代替函数。

  •   构建优化器:引入了构建优化器。它优化了构建大小并提高了应用速度。AngularCLI自动使用构建优化器。

  •   改进的编译器-从Angular 5开始的编译器支持增量编译,从而加快编译速度。编译器使用TypeScript转换,这是TypeScript 2.3的一个新功能,以后还可以使用。

  现在让我们来看看添加到Angular 6的新特性

  •   更新的Angular CLI,命令行界面:添加了新命令,如ng-update,以从以前的版本迁移到当前版本。ng-add可快速添加应用程序功能,使应用程序成为进步的web应用程序。

  •   更新的CDK,组件开发工具包:支持创建自定义UI元素,而不需要Angular素材库。支持响应迅速的网页设计布局。支持覆盖包以创建弹出窗口。

  •   更新的Angular Material:添加了新的树组件,mat-tree,样式化版本,cdk-tree,非样式化版本,以表示类似树的层次结构。

  •   RxJS,一个响应式的库。

  •   Angular元素:允许Angular组件作为Web组件发布,然后可以在任何HTML页面中使用。使用角元素包,可以轻松创建本机自定义元素。

  •   多个验证器:允许多个验证器适用于表单生成器。

  •   服务上的Tree Shaking:现在Tree Shaking也可以应用于服务上,以删除死代码。