在之前的 Angular v15 中,Angular 团队通过将独立 API 从开发者预览版升级至稳定版,在 Angular 的简易性和开发者体验方面达到了一个重要的里程碑。如今,Angular 将继续这一改进的势头,发布了自 Angular 最初推出以来最大的一次版本更新;在 Reactivity、服务器端渲染和工具方面取得了巨大的飞跃。
作为 v16 版本的一部分,Angular 带来了全新的 Reactivity 模型的开发者预览,它为性能和开发者体验带来了显著的改进。
在新的完整应用非破坏性 hydration 中,Angular 不再从头开始重新渲染应用。相反,该框架在构建内部数据结构时查找现有的 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。
作为 Angular v16 的一部分,你可以从一开始就以独立的方式创建新的项目。要尝试独立模式的开发者预览,请确保你在 Angular CLI v16 上并运行:
- ng new --standalone
你会得到一个更简单的项目输出,没有任何NgModules。此外,项目中的所有生成器都会产生独立的指令、组件和管道。