Angular 独立组件、信号等方面的新增功能！

Angular 19 有什么新功能？

Angular 继续快速发展（每 6 个月就有新的主要版本）。现在，Angular 19 已于 2024 年 11 月发布，其中包含可提升开发人员体验和应用程序性能的强大功能。从改善水合作用到增强信号。让我们深入了解 Angular 19 发布会的亮点。

1.独立组件现在是默认的

我们第一次遇到独立组件是在 Angular 14 中，此后的每个版本都得到了改进。在 Angular 19 中，所有组件、指令和管道现在默认都是独立的，无需显式设置standalone: true。
此外，更新是无缝的，ng update 命令会自动重构现有代码库，确保平稳无忧的过渡。

2.信号：反应性增强

在 Angular 16 中，我们第一次见到 Angular Signals，我们一见钟情，他们继续重塑 Angular 的反应系统。在 Angular 19 中，一些基于信号的 API 已提升到稳定状态，包括 input()、output()、model()、viewChild()、viewChildren()、contentChild、contentChildren()、takeUntilDestroyed()、outputFromObservable() ，和outputToObservable()。
此外，Jeremy Elbourne 引入了两个新的实验性 Signal API：

A. 链接信号

• 启用链接到计算表达式的本地状态。
• 提供初始值。
• 当表达式改变时自动恢复为计算值。

B. 资源API

• 简化了服务器数据等异步值的处理。
• 与 Angular 的反应系统无缝集成。
• 提供请求结果和状态作为信号。

为了使转换毫不费力，ng g @angular/core:signal-input-migration、ng g @angular/core:signal-queries-migration 和 ng g @angular/core:output-migration 等命令可以自动执行代码轻松重构。 Angular Signals 确实感觉像是开发者的天作之合。

3. Angular Material：更简单的主题和新组件

Angular Material 随着每个版本的发布而不断发展，Angular 19 也不例外，此更新引入了两个关键领域的增强功能：

新主题 API

• 使用 mat.theme API 以更少的代码行简化自定义主题。
• 使用新的原理图工具生成自定义调色板，现在支持扩展的 12 色调色板。

新组件和功能

• 2D 拖放： 现在支持水平重新排序，以实现更大的灵活性。
• 时间选择器组件：期待已久的添加。
• 改进的主题文档：初学者友好的指南和详细的组件特定说明。

4.增量补水：改变游戏规则的性能特征

水合是 Angular 最好的功能之一，在过去的几个版本中不断发展，具有诸如完整应用程序水合、延迟视图和事件重播等创新。在此基础上，Jessica Janiuk 引入了 Angular 19 中最令人兴奋的新增功能之一增量水合作用，现已在开发者预览版中提供。

如何运作

• 服务器呈现实际内容而不是占位符。
• 在客户端上，内容在触发之前保持脱水状态（例如，通过交互或进入视口）。

好处

• 初始加载时间更快。
• 更小的 JavaScript 包。
• 减少布局变化和闪烁，提供更流畅的用户体验。

结论

现在就这些了！感谢您花时间阅读我的文章，我很想听听您的想法和反馈。在我不断提高写作水平的过程中，您的见解非常宝贵。

您可以通过以下方式与我联系：

• 蓝天： mohamedlamine.bsky.social
• X（推特）：@Mohamed_LamineF
• 领英：穆罕默德拉明夫

以上是Angular 独立组件、信号等方面的新增功能！的详细内容。更多信息请关注PHP中文网其他相关文章！