Angular 6.1的新功能

Angular 6.1已于7月25日发布。 该框架的次要版本可以视为Angular 6.0的替代,其中包括一些创新和错误修复。 该材料是Angular博客文章的翻译,是有关Angular 6.1的主要新功能的。



路由并保存滚动位置


现在,Angular应用程序的开发人员可以利用新的路由器功能,该功能使您能够记住并恢复用户在页面上的位置-滚动位置或滚动位置。 当您转到应用程序的下一页时,将重置滚动位置,并记住用户在上一页中的位置。 考虑到保存的滚动位置,按返回按钮将打开上一页。

为了启用此功能,可以使用以下命令:

RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'}) 

预计在平台的未来主要版本中,路由器将默认配置为恢复滚动位置。

ShadowDOM v1和视图封装


有很多方法可以将CSS规则与定义这些规则的组件相关联。 这称为视图封装。 可以在组件装饰器中使用ShadowDOM v1切换封装。 这样做是这样的:

 @Component({ templateUrl: './my-component.html', encapsulation: ViewEncapsulation.ShadowDom }) export class MyComponent { } 

现在不建议使用ViewEncapsulation.Native值,这意味着使用Shadow DOM v0。

与先前版本的标准相比,ShadowDOM v1具有更好的跨浏览器支持。 最初在考虑此标准在各种浏览器中使用的可能性的情况下进行了工作。 Shadow DOM v0和v1之间的区别可以在此处找到。

ShadowDOM v1创新将主要受到库作者和高级开发人员的关注。 应当注意,在Angular Elements技术框架内使用内容投影时,必须使用Shadow DOM v1。

链接原理图规则


在此版本中, 原理图工具已得到增强,因此,现在可以从现有规则中返回新规则 。 这使开发人员在定义原理图规则集时具有更大的灵活性。

TypeScript 2.9支持


现在,Angular与TypeScript 2.7一起支持TypeScript 2.82.9 。 TS 2.9的重要功能之一对许多开发人员都非常有用,它与错误有关,例如:

 Exported variable 'x' has or is using name 'y' from external module 'z' but cannot be named 

对TS进行了更改,因此,首先,不再出现此类错误,其次,不再需要重写代码以使其处于与类似导出模式相对应的状态。

总结


新的 Angular 版本中还有其他更改,例如,关于格式错误的URL( malformedUriErrorHandler )的处理,旨在改进关联数组和对象( KeyValuePipe )的工作。 还发布了新版本的angular-cli

Angular 6.1是计划的最新版本6.x的次要版本。 因此,在可预见的将来,我们可以期待Angular 7.0的beta版本的发布以及该框架中新的有趣功能的出现。

亲爱的读者们! 您发现Angular 6.1的哪些创新最有趣? 您对Angular 7.0有什么期望?

Source: https://habr.com/ru/post/zh-CN418821/


All Articles