角度5和角度6之间的差异

Question

Angular 5和Angular 6之间有什么区别.如何将我们的应用程序从Angular 5更新为Angular 6.

Angular 5和Angular 6之间的主要区别是什么？

Answer 1

角度6的变化:

1)打字稿2.7+支持

2)添加角度材料和CDK稳定

3)组件开发工具包(CDK) - CDK允许您使用Angular Material构建自己的UI组件库.

4)改进的装饰器错误消息

5)修复Universal的平台检测示例

6)Ivy Renderer - 这是一个新的向后兼容和主要关注领域 - 速度提升,尺寸减小和灵活性提高.

7)添加afterContentInit和afterContentChecked进行渲染

8)添加到nativeElement的支持

9)为ElementRef添加了可选的泛型类型示例看起来像 - @ViewChild('your-element')yourElement:ElementRef;

10)Bazel编译器 - Bazel只重建必要的东西.

11)添加了测试评论

12)为预计组件添加缺少的生命周期测试

13)Closure Compiler - Closure Compiler始终生成较小的bundle.

14)将QueryPredicate重命名为LQuery,将LQuery重命名为LQuery

15)服务工作者 - 服务工作者是在Web浏览器中运行的脚本.它还管理应用程序的缓存.

16)为FormBuilder的数组方法添加了多个验证器

17)处理带和不带行边界的字符串 - 现在处理带有和不带行边界(^&$)的字符串在模式验证器上.以前,它适用于字符串而不是边界.

18)AbstractControl statusChanges - 以前的版本,当你调用"markAsPending"时不会发出一个事件,但是当我们调用AbstractControl markAsPending时,它会发出一个"PENDING"事件.

19)NgModelChange的更新 - 现在在值和有效性更新后发出其控件.以前,它是在更新之前发出的.

20)允许HttpInterceptors注入HttpClient - 以前,试图直接注入HttpClient的拦截器会收到循环依赖性错误,因为HttpClient是通过注入拦截器实例的工厂构造的.用户希望将HttpClient注入到拦截器中以进行支持.

HttpClient或用户必须专门处理循环依赖.此更改将该职责移至HttpClient本身.通过利用一个新的类HttpInterceptingHandler,它可以在请求时延迟加载拦截器集,因此可以将HttpClient直接注入到拦截器中,因为HttpClient的构造不再需要构造拦截器链.

21)将navigationSource和restoredState添加到NavigationStart - 目前,NavigationStart无法知道导航是强制触发还是通过位置更改.对于各种用例(例如,滚动位置恢复),应该以不同方式处理这两个用例.此PR添加导航源字段和已恢复的导航ID(传递给由URL更改触发的导航).

22)添加类型和挂钩到指令def

23)启用最小CLI render3应用程序的大小跟踪

24)添加规范视图查询

25)语言服务 - Typescript的"resolveModuleName"的2.6版本开始要求传递的路径用'/'分隔,而不是能够处理'\'.

更多详情:点击这里

Answer 2

Angular 6中的新功能列在以下链接中:https: //www.infoworld.com/article/3213244/javascript/whats-new-in-angular-version-6-is-here.html

您可以参考以下链接迁移到Angular 6: 想要将项目从Angular v5升级到Angular v6

Answer 3

1. 您可以将 Angular 5 应用程序更新为 Angular v6，请参阅此网址http://www.talkingdotnet.com/upgrade-angular-5-app-angular-6-visual-studio-2017/

2. 您还可以看到 Angular 5 和 Angular 6 之间的主要变化， https://dzone.com/articles/angular-6-release-vs-angular-5-new-features-and-im