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

你的名字 2024-02-05 13:51 2阅读 0赞

> 独立组件通过减少对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…][www.infoworld.com_article_366]

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

[www.infoworld.com_article_366]: https://link.juejin.cn?target=https%3A%2F%2Fwww.infoworld.com%2Farticle%2F3663151%2Fangular-14-arrives-with-typed-forms-standalone-components.html
[Angular 14_ - _ _juejin.cn]: https://juejin.cn/post/7107063658902994951