Suggest an edit

Improve this article

Refine the answer for “What does CommonModule do?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

In Angular, `CommonModule` is a module that provides **the basic directives and pipes used in templates**, except for those available in the root module (`BrowserModule`).

## Key points

1. **Directives**:

- `NgIf` - conditional display of elements.
- `NgForOf` - repeating collection items (`*ngFor`).
- `NgSwitch`, `NgSwitchCase`, `NgSwitchDefault` - controlling display based on a value.

2. **Pipes**:

- `DatePipe` - formats dates.
- `CurrencyPipe` - formats currency.
- `UpperCasePipe`, `LowerCasePipe` - change text case.
- `JsonPipe` - converts objects into a JSON string.
- Other standard pipes for working with numbers, dates, and strings.

3. **Usage**:

- Imported in **feature/user modules** instead of `BrowserModule`, which is imported only in `AppModule`.

```ts
import { CommonModule } from '@angular/common';

@NgModule({
  imports: [CommonModule],
  declarations: [MyComponent],
})
export class MyFeatureModule {}
```

In other words, `CommonModule` **provides a standard set of directives and pipes for working with templates** in any module except the root one.

Markdown · drag & drop images · ⌘B / ⌘I shortcuts151 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.