Angular 16 新特性

Angular 16 is come

在之前的 Angular v15 中，Angular 团队通过将独立 API 从开发者预览版升级至稳定版，在 Angular 的简易性和开发者体验方面达到了一个重要的里程碑。如今，Angular 将继续这一改进的势头，发布了自 Angular 最初推出以来最大的一次版本更新；在 Reactivity、服务器端渲染和工具方面取得了巨大的飞跃。

重新思考 Reactivity

作为 v16 版本的一部分，Angular 带来了全新的 Reactivity 模型的开发者预览，它为性能和开发者体验带来了显著的改进。

完全向后兼容并可与当前系统互操作的，并且能够：

• 通过减少变化检测过程中的计算次数，提高运行时的性能。
• 为 Reactivity 带来了更简单的 mental 模型，使其清楚地了解视图的依赖性和通过应用程序的数据流。
• 启用细粒度的 Reactivity，在未来的版本中，它将允许我们只检查受影响组件的变化。
• 在未来的版本中，通过使用 Signals 在模型发生变化时通知框架，使 Zone.js 成为可选的。
• 提供计算属性，而不会在每个变化检测周期中重新计算\n - 实现了更好的与 RxJS 的互操作性

服务器端渲染和 hydration 增强

在新的完整应用非破坏性 hydration 中，Angular 不再从头开始重新渲染应用。相反，该框架在构建内部数据结构时查找现有的 DOM 节点，并将事件监听器附加到这些节点上。 这样做的好处是：

• 对终端用户来说，页面上没有内容的闪烁
• 在某些情况下有更好的 Web Core Vitals
• 面向未来的架构，可以用我们今年晚些时候推出的基元实现细粒度的代码加载。
• 只需几行代码就能与现有的应用程序轻松集成
• 对于执行手动 DOM 操作的组件，在模板中使用 ngSkipHydration 属性逐步采用 hydration

新的服务器端渲染功能

作为 v16 版本的一部分，Angular 还更新了 Angular Universal 的 ng add schematics，它使你能够使用独立的 API 向项目添加服务器端渲染。还为内联样式引入了对更严格的内容安全策略的支持。

改进了独立组件、指令和管道的工具

Angular 是一个被数以百万计的开发者用于很多关键任务的应用程序的框架，我们认真对待重大变化。Angular 在几年前开始探索独立的 API，现在经过一年多的收集反馈和对 API 的迭代，Angular 想鼓励开发者更广泛地采用这些 API。 为了支持开发者将他们的应用程序过渡到独立的 API，Angular 开发了迁移示意图和独立迁移指南。一旦你在你的项目目录中运行:

ng generate @angular/core:standalone

该计划将转换你的代码，删除不必要的 NgModules 类，并最终改变项目的引导结构以使用独立的 API。

独立的 ng new

作为 Angular v16 的一部分，你可以从一开始就以独立的方式创建新的项目。要尝试独立模式的开发者预览，请确保你在 Angular CLI v16 上并运行：

ng new --standalone

你会得到一个更简单的项目输出，没有任何NgModules。此外，项目中的所有生成器都会产生独立的指令、组件和管道。