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

独立组件通过减少对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…

转载于：Angular 14带来了类型化表单和独立组件 - 掘金 (juejin.cn)