Angular 8 - 有什么新功能？

Angular 社区不断更新其版本。本章介绍 Angular 9 版本更新。

安装 Angular 9

如果您想使用 Angular 9，首先需要使用以下命令设置 Angular 9 CLI：

npm install -g @angular/cli@^9.0.0

执行此命令后，您可以使用以下命令检查版本：

ng version

Angular 9 更新

让我们简单了解一下 Angular 9 的更新。

常春藤编译器

Ivy 编译器成为 Angular 9 中的默认编译器。这使得应用程序将变得更快且非常高效。而 Angular 8 Ivy 是可选的。我们必须在 tsconfig.json 文件中启用它。

Ivy编译器支持以下功能：

  • 执行更快的测试- TestBed 实施有助于提高测试效率。

  • 改进的 CSS 类和样式- Ivy 样式可以轻松合并并设计为可预测的。

  • 改进的类型检查- 此功能有助于在开发过程中尽早发现错误。

  • 增强的调试- Ivy 附带了更多工具来实现更好的调试功能。这将有助于显示有用的堆栈跟踪，以便我们可以轻松跳转到指令。

  • 提前编译器- 这是编译器性能的重要改进之一。AOT 构建速度非常快。 改进的国际化 - i18n 替换有助于构建速度比以前的版本快十倍以上。

可靠的ng更新

ng 更新非常可靠。它包含明确的进度更新并运行所有迁移。这可以使用以下命令来完成：

ng update --create-commits

这里，

–create-commits标志用于在每次迁移后提交代码。

改进的依赖注入

@Injectable服务有助于在您的应用程序中添加注入器。提供的元数据提供了新的选项、平台，以确保对象可以被所有应用程序使用和共享。它的定义如下：

@Injectable({
   providedIn: 'platform'
}) 
class MyService {...}

打字稿 3.8

Angular 9 旨在支持 3.8 版本。TypeScript 3.8 支持以下功能：

  • 仅类型导入和导出。
  • ECMAScript 私有字段。
  • 顶级等待。
  • JSDoc 属性修饰符。
  • 导出 * as ns 语法。

角度 9.0.0-next.5

Angular 9.0.0-next.5 版本的 main.js 文件较小，与之前版本的 Angular 8 相比，性能更好。

IDE增强

Angular 9 提供了改进的 IDE 支持。TextMate 语法可以在内联和外部模板中突出显示语法。

结论

Angular 是灵活的、不断改进的、持续更新的、可靠的框架。Angular 极大地简化了 SPA 开发的过程。通过在每个版本中提供Angular Universal、Progressive Web App、Web Workers、Bazel build、Ivy Compiler 等新功能，Angular 将获得前端开发人员的长期生命周期和完整支持。