Angular 14带来了类型化表单和独立组件

16,667 阅读2分钟

独立组件通过减少对ngmodule的需求,有望简化Angular应用的开发。

介绍

Angular 14是谷歌开发的、基于typescript的web应用框架的最新版本,它以输入表单和独立组件的开发者预览版为特色。

其特性包括:

  • 一个基于组件的框架,用于构建可伸缩的 Web 应用
  • 一组完美集成的库,涵盖各种功能,包括路由、表单管理、客户端-服务器通信等
  • 一套开发工具,可帮助你开发、构建、测试和更新代码

独立组件减少了对ngmodule的需求,从而简化了Angular应用的开发。使用独立组件、指令和管道时,standalone: true标志允许开发者直接在@component()中添加导入,而不用使用@NgModule()。这些组件应该只用于探索和开发,因为它们不是一个稳定的API,而且可能会在Angular典型的向后兼容性模型之外发生变化。

在6月2日发布的Angular 14中,响应式表单是严格默认键入的。类型化表单确保了表单控件、组和数组内部的值在整个API上是类型安全的,从而支持更安全的表单,特别是对于深度嵌套的复杂情况。更新原理图允许增量迁移到类型化表单。开发人员可以逐渐将类型添加到现有表单中,实现完全的向后兼容性。此外,ng udpate将用无类型版本替换所有表单类,允许开发人员按照自己的节奏启用类型。

Angular 14中的其他新特性和改进包括:

  • 支持最新的TypeScript 4.7版本。Angular 14默认目标是ES2020,允许CLI发布更小的代码,而不需要下调级别。
  • 受保护的组件成员可以直接从模板进行绑定。这让用户对可重用组件的公共API有了更多的控制。
  • NgModel的变化反映在OnPush组件的UI中。
  • 可选注入器可以在创建内嵌视图时使用。注入器允许在特定的模板中定制依赖注入行为。在Angular CDK(组件开发工具包)中,为可重用组件和组件原语启用了更干净的api。
  • 介绍了一个实验性的基于esbuild的ng构建系统,编译成纯ECMAScript模块输出。
  • 为HarnessLoader提供了新的方法来检查是否存在线束,如果存在则返回线束实例。
  • angular.io上新增了更改检测和运行时优化指南。

更多资讯内容请查看该链接:www.infoworld.com/article/366…