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 快速添加应用程序功能,使应用程序成为渐进式 Web 应用程序。

  • 更新的 CDK,组件开发套件- 支持创建自定义 UI 元素,无需角度材料库。支持响应式网页设计布局。支持覆盖包来创建弹出窗口。

  • 更新了 Angular Material - 添加了新的树组件,mat-tree,一个样式版本和 cdk-tree,一个无样式版本,以表示像树这样的层次结构。

  • RxJS(反应式 JS 库)的使用

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

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

  • 服务上的树摇动 - 现在树摇动也可以应用于服务以删除死代码。