Angular 6 - 概述

Angular 有五个主要版本。 发布的第一个版本是 Angular 1,也称为 AngularJS。 Angular 1 之后是 Angular 2,与 Angular 1 相比,它有很多变化。

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

Angular 6 与 Angular 5 几乎相同。它与 Angular 5 向后兼容。在 Angular 5 中开发的项目可以在 Angular 5 上正常运行,不会出现任何问题。

现在让我们看看 Angular 5 中的新功能和所做的更改。

Angular 5 及其功能

Angular 5 于 2017 年 11 月发布。根据其速度和尺寸目标,它比 Angular 4 速度更快、尺寸更小。以下是 Angular 5 中引入的功能。

  • HTTPClient API − 引入 HTTPClient API 是为了弃用 HTTP 库。 HTTPClient API 比 HTTP 库更快、更安全、更高效。

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

  • 数字、日期和货币的国际化管道 − 引入新管道以实现更好的标准化。

  • Lambda 支持 − 可以使用具有适当名称的 lambda 表达式来代替函数。

  • 构建优化器 − 引入了构建优化器。 它优化了构建大小并提高了应用程序速度。 Angular CLI 自动使用构建优化器。

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

现在让我们看看 Angular 6 中添加的新功能 −

  • 更新了 Angular CLI、命令行界面 − 添加了新命令,例如 ng-update 从以前的版本迁移到当前版本。 ng-add 快速添加应用程序功能,使应用程序成为渐进式网络应用程序。

  • 更新了 CDK、组件开发工具包 − 支持创建自定义 UI 元素,无需角度material库。 支持响应式网页设计布局。 支持覆盖包创建弹出窗口。

  • 更新了 Angular Material − 添加了新的 Tree 组件,mat-tree(样式版本)和 cdk-tree(无样式版本),以表示类似树的层次结构。

  • 反应式 JS 库 RxJS 的使用

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

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

  • 服务上的 Tree Shaking − 现在,Tree Shaking 也可以应用于服务来删除无效代码。