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 自带了更多的工具来启用更好的调试功能。这将有助于显示有用的堆栈跟踪,以便我们可以轻松地跳转到指令。

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

可靠的更新

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

ng update --create-commits

Here,

--创建提交 标志用于在每次迁移后提交你的代码。

改进的依赖注入

@可注入 服务有助于在你的应用程序中添加注入器。 提供在 元数据提供了新的选择, platform 确保对象可以被所有应用程序使用和共享。它定义如下:

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

打字稿 3.8

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

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

角 9.0.0-next.5

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

IDE 增强

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

结论


Angular 是一个灵活、不断改进、不断更新且可靠的框架。 Angular 大大简化了 SPA 开发的过程。通过在每个版本中提供新功能,例如 Angular Universal, Progressive Web App, Web workers, Bazel build, Ivy Compiler, 等等,Angular 将拥有很长的生命周期和前端开发人员的完整支持。