page contents

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

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

attachments-2022-06-UulRcHK362a6924ac5f5d.png

独立组件通过减少对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上新增了更改检测和运行时优化指南。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

想高效系统的学习Python编程语言,推荐大家关注一个公众号:Python编程学习圈。每天分享行业资讯、技术干货供大家阅读,关注即可免费领取整套Python入门到进阶的学习资料以及教程,感兴趣的小伙伴赶紧行动起来吧。

attachments-2022-05-rLS4AIF8628ee5f3b7e12.jpg

  • 发表于 2022-06-13 09:26
  • 阅读 ( 652 )
  • 分类:行业资讯

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1316 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章