导读：Angular18框架正式发布，这是与Wiz合并之后的第一版本。

Angular 开发团队发布了由 Google 赞助的基于TypeScript 框架的第 18 版。

值得一提的，当下版本是包括 Google 搜索引擎也在使用的核心库。

Angular 18 框架更新概要

Angular 18亮点包括用于Material 3设计系统组件的稳定 API，还有之前在开发者预览版中的可延迟视图与控制流。

可延迟视图（标有 @defer 的块）通过在初始页面加载，以此来减少页面加载时间。标有 @placeholder 和 @loading 的可选块可显示临时内容，例如加载缓慢的组件可以立即显示占位符内容，然后显示加载指示器以向用户显示内容正在加载中。

控制流允许开发者使用 @if、@for 和 @switch 有条件地显示、隐藏或重复元素，取代早期的 Angular 标签 ngIf、ngFor 和 ngSwitch。新指令经过了更好的优化，并具有其他更多优势。

合并Wiz后的全新特性

Angular 是 Google 的 JavaScript/TypeScript 框架，之前该公司还有一个名为 Wiz 的内部框架，多年来一直用于支持 Google 的产品，包括搜索、照片和支付。Wiz 专注于性能，而 Angular 用于更复杂的 UI（用户界面）。

3 月份，Google表示将正式合并这两个框架，但这是一个渐进型的策略。

其中的一个成果是出现了一个称为事件分发的功能。它基于 Wiz 库 jsaction。该功能的典型用例是，当页面加载了按钮等交互元素时，用户界面在附加 JavaScript 事件处理程序之前呈现。事件分发会捕获用户的点击，这样就不会丢失这些点击（因为整个页面尚未加载），而是会在完整页面加载后记录并重放这些点击。

Angular 工具和文档还在不断增加与开发中。文档现在位于名为angular.dev的新站点上，其中还包括使用 StackBlitz WebContainers的交互式游乐场和相关教程。

Hydration 是通过重用现有 DOM（文档对象模型）将服务器端渲染的内容加载到客户端而不会出现闪烁的过程。在 Angular 18 中，Material 3 组件完全支持 Hydration，其中一些组件以前不支持它。还计划使用与可延迟视图类似的方法进行部分或增量 Hydration，其中一些工作已经在制作原型。

Chrome 扩展程序 Angular DevTools 现在已经包含 Hydration 可视化。

结语

Gechev 中提到“Angular 复兴”：AngularJS 已经被重写并命名为 Angular 2 ，进行了巨大改动，在 React 和基于 React 的框架流行之后，Angular 的使用率开始下降，到现在又开始了“复苏”。

它的复兴程度还在进行中，但它依然被人们广泛使用，并且随着谷歌的内部使用与赞助，继续快速发展着。

作者：金宝