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 编译器

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

Ivy 编译器支持以下功能

• 执行更快的测试 − TestBed 实现有助于更有效地进行测试。

• 改进的 CSS 类和样式 − Ivy 样式易于合并并设计为可预测的。

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

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

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

可靠的 ng update

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

ng update --create-commits

这里，

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

改进的依赖注入

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

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

TypeScript 3.8

Angular 9 旨在支持 3.8 版本。TypeScript 3.8 为以下功能提供支持

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

Angular 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、渐进式 Web 应用程序、Web 工作人员、Bazel 构建、Ivy 编译器 等，Angular 将拥有长久的生命周期并获得前端开发人员的全面支持。