Чим standalone-компонент відрізняється від звичайного?

AngularJunior~1 хв читання

Standalone-компонент в Angular - це компонент, який не прив'язаний до модуля (NgModule) і може працювати самостійно.

Головні відмінності від звичайного компонента

Не потребує NgModule - звичайні компоненти завжди мають бути оголошені в масиві declarations модуля, standalone-компоненти ні.
Імпорт залежностей напряму - у полі imports декоратора @Component можна вказувати інші компоненти, директиви і пайпи, які потрібні для роботи.
Спрощене завантаження - standalone-компоненти легко використовувати з lazy-loading або вставляти в інші standalone-компоненти без створення окремого модуля.
Сумісність - звичайний компонент усе ще можна використовувати в standalone-компоненті через imports.

Приклад оголошення standalone-компонента:

typescript

@Component({
  selector: 'app-standalone',
  standalone: true,
  template: `<p>Я самостійний компонент!</p>`
})
export class StandaloneComponent {}

Висновок: standalone-компоненти спрощують структуру застосунку, зменшують залежність від модулів і полегшують повторне використання.

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

Premium

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