Angular 6 Release与Angular 5：新功能和改进
智能甄选2018-05-22 08:00
查看Angular 6中引入的一些最新功能的介绍，以及它们如何改进Angular 5。
呼唤所有的愤怒！Angular 6已经出来，这是Team Angular的一个主要版本。
伟大的新功能，恼人的错误修复等等，最新的Angular版本为我们带来了令人兴奋的新事物。我们来做一个关于Angular 6的简单介绍，看看它是否适合炒作，而我们这样做的同时，我还想比较Angular 5和6，看看这个最新版本有什么区别和升级。
我也做了一篇关于Angular 4 vs 2的文章。如果您想深入了解Angular多年来的演变过程，请务必检查一下。
Angular是制作网页和移动应用程序最流行的JS框架之一。在一个单句中，Angular是一个单一的移动和桌面框架。
截至今天，约有450,000人每月搜索“Angular”这个词。想象一下有多少人使用它。
鉴于谷歌积极维护Angular的事实，工具和支持是例外。最新的Angular版本在其前身发布的六个月内发布，但比Angular开发人员社区期待的时间晚了一点。
回顾一下，我们先来看看Angular版本5为我们提供了什么。
Angular 5
2017年11月1日，Angular 5亮相。凭借速度和体积更小的承诺，它给了我们以下功能。
HttpClient
从4.3版本中最大的预期变化之一是能够告别Http库。
相反，他们推出了HttpClient API，它比其前身更快，更安全，更高效。虽然这个API带有4.3版本的更新，但是从Angular 5开始，Http库被折旧了。
HTTPCLIENT API的一些很大的好处
响应正文访问包括对JSON类型的支持，并且是键入同步的。JSON成为默认设置，不再需要明确解析。通过使用拦截器，您可以使用中间件逻辑并将其插入管道中。请求/响应对象是不可变的。请求上传和响应下载可以利用进度事件。
多个导出别名
在之前的版本中，当您导出组件时，您只能给它们一个名称。使用Angular 5，您可以在导出组件和指令时为其指定多个名称。
这有帮助吗？
通过导出具有多个名称的组件，可以在不中断对这些组件的更改的情况下进行迁移。
国际化号码，日期和货币管道
Angular 5引入了用于处理数字，日期和货币的新管道。这增加了跨浏览器的国际化过程的标准化，并且消除了使用polyfill来实现这一结果的需要。
改进的装饰者支持
随着Angular 5的发布降低了lambdas装饰器的表达能力。你也可以使用lambdas而不是使用正确名称的函数。
构建优化
关于Angular 5的我最喜欢的一件事是Build Optimizer。这可能是Angular 5速度快并且尺寸较小的主要原因。
顾名思义，您可以通过大小和速度获得应用程序的优化版本。
首先，提醒一下，使用Angular CLI制作的Angular 5制作版本默认进行了优化。
现在，Build Optimization所做的就是在运行时使用树摇技术从应用程序中删除“死”代码，因此当时只使用处理代码。这反过来又减少了构建大小并提高了应用加载速度。
编译器改进
编译器调整是Angular 5速度的另一个增强。在Angular 5中，编译器支持增量编译。这为应用程序的重新构建提供了更快速的构建，尤其是对于具有AOT（前期）的生产构建和编译。
另外，编译器使用TypeScript变换，这是一个作为TypeScript 2.3一部分引入的新功能。
这些是Angular版本5的一些亮点。鉴于此，我们来看看Angular 6带给我们的东西。
Angular 6
2018年5月4日发布了Angular 6，这是其前身（Angular 5）发布后的6个月。Angular 6的亮点包括Angular命令行界面（CLI），组件开发套件（CDK）和Angular材料套件更新。顶部的樱桃，所有三个都作为Angular 6的一部分发货，而不是单独更新。
让我们首先了解Angular 6使用RXJS库，以便为web进行反应式编程而深入细节！
接下来，这个版本的发布更侧重于工具和支持，而不是整个框架。
Angular 材料设计库
现在，Angular Material Design Package和Component Dev Kit中添加了一个新的Tree组件。它允许您以更多层次的顺序可视化树结构，例如文件列表。这些新的树组件分别以风格和非风格版本（材质的垫木）和（CDK的cdk-tree）进行分类。
有Angular元素
记住元素包？Angular 6现在完全支持它。它所做的就是让我们在Angular之外使用Angular组件，就像在JQuery或VueJS应用程序中一样。
该软件包主要侧重于利用所有现代Web浏览器（Edge除外）支持的Web组件的优势。使用元素包，您可以创建Angular组件并将其作为Web组件发布，然后可以在任何HTML页面中使用它们。
将组件转换为自定义元素可为您为Angular应用程序创建动态HTML内容提供一条简单的途径，而使用Angular Elements包，创建本地自定义元素甚至更容易。
组件开发工具包（CDK）
CDK于2017年12月发布，但Angular Team在第六版中对它进行了一些非常简洁的改进。
使用CDK，您现在可以构建自己的UI组件库，而无需使用Angular Material库。它还支持响应式Web设计布局，因此您不必使用Flex布局等其他库，甚至不需要使用CSS网格学习。它涵盖了所有。
CDK的另一个重大改进包括@ angular / cdk /overlay软件包。这个有一个新的定位逻辑，让你的弹出窗口非常出色。
命令行界面（CLI）
该Angular命令行界面，现在配备了新的命令，比如 ，它 更新的依赖和代码，以及 ，这有助于快速添加应用程序的功能，同时还支持车削应用为逐行Web应用程序。
ng-updateng-add
除了这些新命令外，新的CLI还允许开发人员使用Bazel工具选择ng-package来转储不同的库。如果没有Bazel工具，您将不得不亲自构建和打包库并相信我，Bazel工具是天赐良机！
改进的服务工作者
您可以使用Angular 6中改进的服务工作人员配置导航URL。
Web Pack已更新
网络包模块捆绑器已更新至版本4。通过使用范围托管技术，创建的模块现在变得更小。
Tree Shakable服务
您也可以在服务上应用树抖动。那有多棒！
您的表单有多个验证器
那些不得不在你的Formbuilders中传递多个验证器的人中，你的祈祷已经得到了回答，因为Angular 6现在允许你将多个验证器传递给formBuilder。
快乐验证！
结论
Angular 6的所有荣耀都要求您自己进行测试，以充分实现新的调整和功能。有些功能点击更多的开发人员。对我来说，这些是我解决的难题。你最新的Angular版本6的回答是什么？让我知道在评论中。
举报/反馈
0
0
收藏
分享
