Angular 7.0有哪些新功能和特点

2 年 ago

雅, 悟

1 minute

Angular 7作为一个重要的版本发布，因为它几乎涵盖了整个Angular平台。这个版本更小、更快，并且升级非常简单。
如果你正在使用Angular 6，那么你需要运行以下命令-
ng update @angular/cli @angular/core

可以通过Angular官方网站获取有关升级的更多详细信息。

Angular 7的新特性包括CLI提示、虚拟滚动、拖放、捆绑预算、应用程序性能、选择性无障碍、Angular Elements和合作伙伴发布。虚拟滚动和拖放是Angular Material的组件开发包（CDK）的一部分。现在让我们详细了解这些特性。

虚拟滚动
滚动功能在Angular 6版本中已经存在。然而，虚拟滚动是在Angular 7版本中新增加的功能。这个功能允许用户将长列表的元素分成小的数据包。这些数据将根据用户滚动的移动而渲染到数据包中。
这个功能在构建移动应用程序时特别有用，因为滚动长列表的数据可能会影响性能。然而，它也有助于提高移动应用程序和Web应用程序的性能，因为长列表可能会导致Web应用程序变慢。

拖放
它允许用户通过拖放列表中的项目来重新排序。此外，用户还可以在列表之间转移项目。
用户可以使用cdk拖动句柄来自定义拖动区域。用户还可以在单个项目上应用多个句柄。用户还可以为每个项目创建预览图像。
拖放操作还可以沿着一个轴限制。这意味着项目可以沿着X轴或者Y轴根据用户的命令移动。

包预算
这个功能允许开发者在开发Angular 7应用程序时设置捆绑大小的预算限制。现在用户可以设置和检查自己的捆绑大小。
包预算的默认设置是下限2MB和上限5MB。如果你的捆绑文件小于2MB或大于5MB，它会给你一个警告。开发者还可以更改这些设置。这样可以减少捆绑大小，从而加快应用程序。

通过移除反射元数据填充提高应用性能
反射元数据填充在开发中只用到了一次。所以在版本7中，它已经从polyfill.ts文件中删除，并且在以JIT模式构建应用程序时会自动添加上。
因此，反射元数据仅在开发过程中使用，在生产模式中不存在。这导致数据大小更小，应用程序更快。

改善下拉选择的可访问性
以前mat表单字段只能使用选择选项，在大型数据的情况下应用程序会变慢。但现在，原生选择已经引入到mat表单字段中，这使得应用程序更快。
基本的原生选择比基本的mat选择更快，因为数据加载更快。还可以禁用mat选择和原生选择的选项。此外，还可以在这两个字段中重置选择的值。

Angular元素
它是Angular框架的一部分，引入于Angular 6版本。然而，在更新的版本7中，它将在使用Web自定义元素来投影内容方面具有额外的功能。

合作伙伴发布
Angular 7带来了重大的合作伙伴发布，其中包括Angular控制台、Native script和Stackblitz，具体如下 –

Angular控制台
它是Angular CLI的用户界面，也为开发者提供了项目概述。用户之前在CLI上运行的所有命令，现在都可以在控制台上运行。它消除了在CLI终端上编写命令的需要。
用户无需打开CLI终端，因为现在他可以简单地使用控制台创建、构建、测试和运行项目。用户可以下载Angular控制台到本地机器上并开始构建Angular应用程序。它适用于Windows、Mac和Linux操作系统。

Native script
它允许用户通过单个项目构建Web和移动应用程序。以前开发者需要为Web和移动版本的应用程序创建单独的项目。Angular和Native Script团队合作创建了Native Script原理图集合，使得实现这个功能成为可能。
单个项目中Web和移动应用程序的代码将通过一种方式进行维护，可以将共享部分放在一处，非共享部分可以单独创建。

Stackblitz
推出了Stackblitz 2.0，其中包括Angular语言服务。它提供了一个重要的功能，叫做选项卡编辑，这意味着开发者现在可以打开多个选项卡并在上面工作。

现在我们已经了解了Angular 7的新功能，让我们继续列举一下依赖和文档的更新 –

依赖更新
版本7支持Typescript 3.1、RxJS 6.3和Node 10。使用这个版本将必须使用Typescript。除了支持节点版本10之外，Angular 7还将继续支持先前的节点版本8。

文档更新
当你访问Angular官方网站的文档部分时，你会看到一个新的部分叫做CLI命令。以前开发者必须在谷歌上搜索命令参考，但现在Angular已经在他们的官方网站上提供了所有这些CLI命令参考。

如果你是新手，不知道应该从哪里开始学习编程，那就点击这里。