Angular 21 正式发布,看看有哪些新特性

AI 概述
11月20日Angular 21正式发布,其更新节奏加快,超越React和Vue,还率先拥抱AI并加入实用新特性。新版本带来诸多值得关注的功能:引入实验性Signal Forms,构建表单体验;推出新库Angular Aria,提供无样式组件;MCP Server增强AI助手支持;新项目默认用Vitest作测试运行器;新应用默认Zoneless;文档体验全面升级,推出“Angular Al”专栏;此外还有CLDR支持升级、模板新增正则支持、SimpleChanges支持泛型等新特性。
目录
文章目录隐藏
  1. 实验性 Signal Forms
  2. 新库 Angular Aria
  3. Al 助手/Agent 支持增强–MCP Server
  4. 测试默认选用 Vitest
  5. Zoneless 成为默认
  6. 文档体验全面升级
  7. 其他新特性

Angular 21 正式发布

11 月 20 日,Angular 21 正式发布!过去两年里,Angular 的节奏明显提速,更新频率已经超过 React 和 Vue,不但率先拥抱了 AI,还不断加入实用的新特性。

本文就来看看,Angular 21 又带来了哪些值得关注的功能。

实验性 Signal Forms

  • 引入了基于信号(Signals)构建的表单体验:将表单模型定义为 signal,模板中使用[field]来绑定字段。
  • 支持类型安全地访问字段、内建模式验证、可扩展自定义校验器。
  • 绑定到自定义组件时,无需再实现 ControlValueAccessor。

新库 Angular Aria

  • 是一个以可访问性(accessibility)为优先、提供无样式(headless)组件的库,样式由你自己定。
  • 初始推出 8 个常见 UI 模式(包括 Accordion、Combobox、Grid、Listbox、Menu、Tabs.Toolbar、Tree),共 13 个组件。
  • 提供三种选择方式:
    1. Angular Aria:无样式、可自由定制;
    2. CDK(行为原语);
    3. Angular Material(样式/设计完备)。

Al 助手/Agent 支持增强–MCP Server

在 v20.2 中推出的 MCP Server(用于让 AI 代理具备 Angular 上下文知识)已“稳定”版。

提供工具如 get_best_practices、list_projects、search_documentation、find_examples,甚至 modernize 等迁移工具。

目标:使 AI 辅助/自动化代码生成更加贴合最新 Angular 特性。

测试默认选用 Vitest

自 v21 起,新创建的 Angular 项目默认使用 Vitest 作为测试运行器。

虽然旧的 Karma+Jasmine 仍被支持,但 Jest 和 Web Test Runner 的实验支持将于 v22 移除。

Zoneless 成为默认

传统 Angular 使用 zone.js 来拦截异步操作并驱动变更检测,但在复杂应用中表现出性能瓶颈。

自 v21 起,新应用默认不再包含 zone.js;已在 Google 内部、公共应用中有大量应用实例。

优势包括:

  1. 更好的 Core Web Vitals;
  2. 原生 async/await;
  3. 减小包体积;
  4. 调试更简单。

文档体验全面升级

官方文档站点已重构,强调最新信号 API、路由、依赖注入、Tailwind CSS 集成等内容。

同时推出面向 A1 辅助开发的“Angular Al”专栏,包含最佳实践、代码样本、设计模式、提示/Rule Files 等。

其他新特性

  • CLDR 支持从 v41 升级到 v47(提升货币、日期格式化等国际化能力)。
  • 模板中新增对正则表达式的支持。
  • SimpleChanges 变更通知现在支持泛型以提升类型检查。
  • KeyValue 管道增强:支持对象的可选键。
  • CDK Overlay 改为使用浏览器原生 popoverAPI,改善可访问性。

以上关于Angular 21 正式发布,看看有哪些新特性的文章就介绍到这了,更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章,希望大家以后多多支持码云笔记。

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 admin@mybj123.com 进行投诉反馈,一经查实,立即处理!
重要:如软件存在付费、会员、充值等,均属软件开发者或所属公司行为,与本站无关,网友需自行判断
码云笔记 » Angular 21 正式发布,看看有哪些新特性

发表回复