Angular7 - 概述

Angular 7 为 Google 所有,稳定版本于 2018 年 10 月 18 日完成。

下面是迄今为止发布的 Angular 版本列表 −

版本 发布日期
AngularJS 2010 年 10 月
Angular 2.0 2016 年 9 月
Angular 4.0 2017 年 3 月
Angular 5.0 2017 年 11 月
Angular 6.0 2018 年 5 月
Angular 7.0 2018 年 10 月

下面给出了 Angular 接下来两个主要版本的发布日期−

版本 发布日期
Angular 8.0 2019 年 3 月/4 月
Angular 9.0 2019 年 9 月/10 月

Google 计划每 6 个月发布一次 Angular 主要版本。 目前发布的版本是向后兼容的,并且可以很容易地更新到新版本。

让我们讨论一下 Angular 7 中添加的新功能。

Angular V7 的更新

Angular 7 是一个主要版本,其中更新了 Angular 核心框架、Angular CLI、Angular Materials。 如果您使用 Angular 5 或 6 并且想要更新到 Angular 7,下面的命令会将您的应用程序更新到最新版本的 Angular −

ng update @angular/cli @angular/core

Angular CLI

使用 Angular CLI 进行项目设置时,它会提示您有关可用的内置功能,即路由和样式表支持,如下所示 −

Angular CLI

应用程序性能

在 Angular 7 中,在 angular.json 中添加了 Budgets(预算)功能,如下所示 −

Budgets

Budgets(预算)是 Angular CLI 中添加的一项功能,它允许您在配置中设置限制,以确保您的应用程序大小在设置的限制内。 您可以设置大小,以便在超出限制时向应用发出警告。

Angular Material和 CDK

Angular Material/CDK 的版本在 Angular 7 中进行了更新。CDK 中还添加了 2 个功能 − 虚拟滚动和拖放

虚拟滚动

虚拟滚动功能向用户显示可见的 dom 元素,当用户滚动时,将显示下一个列表。 这提供了更快的体验,因为完整列表不会一次性加载,而是仅根据屏幕上的可见性加载。

拖放

您可以从列表中拖放元素并将其放置在列表中所需的位置。 新功能非常流畅和快速。