Skip to main content

Що робить CommonModule?

AngularJunior~1 хв читання
Запропонувати правку

В Angular CommonModule - це модуль, який надає базові директиви та пайпи, що використовуються в шаблонах, крім тих, що доступні в кореневому модулі (BrowserModule).

Основні моменти

  1. Директиви:
  • NgIf - умовне відображення елементів.
  • NgForOf - повторення елементів колекції (*ngFor).
  • NgSwitch, NgSwitchCase, NgSwitchDefault - керування відображенням за значенням.
  1. Пайпи:
  • DatePipe - форматування дат.
  • CurrencyPipe - форматування валют.
  • UpperCasePipe, LowerCasePipe - зміна регістру тексту.
  • JsonPipe - перетворення об'єктів у JSON-рядок.
  • Інші стандартні пайпи для роботи з числами, датами та рядками.
  1. Використання:
  • Підключається у фічевих/користувацьких модулях замість BrowserModule, який імпортується лише в AppModule.
ts
import { CommonModule } from '@angular/common'; @NgModule({ imports: [CommonModule], declarations: [MyComponent], }) export class MyFeatureModule {}

Іншими словами, CommonModule надає стандартний набір директив і пайпів для роботи з шаблонами в будь-якому модулі, крім кореневого.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку