Angular 18：从模块化到独立组件的转变

随着 Angular 17 的发布，Angular 18 继续推动开发者走向更简化的架构模式——独立组件（Standalone Components）。在这篇博客中，我们将探讨如何将一个使用模块化（NgModule）的 Angular 应用转变为使用独立组件的架构，并以一个具体的案例来说明这个过程。

为什么选择独立组件？

Angular 18 鼓励使用独立组件，主要有以下几个原因：

• 减少冗余代码：不再需要为每个组件创建独立的模块。
• 更好的模块管理：可以直接在组件中导入所需的模块和服务。
• 提升性能：避免了过多的模块加载，减少了应用程序的启动时间。

从模块化到独立组件的案例分析

我们以一个简单的用户列表排序功能为例，来看看如何将一个原本依赖 DemoMaterialModule 的 UserListComponent 转换为独立组件。

初始状态

假设我们有一个 UserListComponent，它依赖于 DemoMaterialModule 来获取排序功能。以下是 De