Angular 10 中的 CommonModule 是什么？

在 Angular 10 中，CommonModule是一个常见的模块，它定义了一些常见的指令，例如ngIf和ngFor，这些指令在绝大多数组件和应用程序中都会使用。该模块还定义了一些常见的管道，例如DatePipe和LowerCasePipe，它们可以用来格式化数据和字符串等。

为什么要使用 CommonModule？

CommonModule提供了一些常见的指令和管道，这些东西在大多数应用程序和组件中都被广泛使用。通过引入CommonModule，可以避免重复编写这些指令和管道的代码。这样，我们可以更快地编写代码，并保持代码的可读性和可维护性。

如何使用 CommonModule？

要使用CommonModule，我们需要在我们的Angular模块中引入它。我们通常会在AppModule中引入CommonModule，这样我们的应用程序中的所有组件都可以使用其中的指令和管道。在代码中，我们可以使用@NgModule装饰器来引入和声明CommonModule：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

@NgModule({
  imports: [CommonModule],
  declarations: [],
  exports: [],
})
export class AppModule {}

在上述代码中，我们将CommonModule作为一个依赖导入并添加到我们的imports数组中。我们没有在declarations数组中声明任何组件或指令，因为CommonModule中已经定义了这些内容。最后，我们将NgModule导出为空数组，并将其添加到exports数组中。

结论

在Angular 10中，CommonModule是一个通用的模块，定义了许多常见的指令和管道，这些东西在大多数组件和应用程序中都会使用。通过使用CommonModule，我们可以避免重复编写代码，并保持代码的可读性和可维护性。如果你没有使用CommonModule，请尝试在你的下一个Angular项目中使用它。