Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Чим standalone-компонент відрізняється від звичайного?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Standalone-компонент** в Angular - компонент, який не прив'язаний до `NgModule` і може працювати самостійно, імпортуючи потрібні залежності напряму через поле `imports` декоратора `@Component`. **Ключове:** standalone-компоненти спрощують структуру застосунку, зменшують залежність від модулів і полегшують повторне використання.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Standalone-компонент** в Angular - це компонент, який **не прив'язаний до модуля (**`NgModule`**)** і може працювати самостійно. ## Головні відмінності від звичайного компонента 1. **Не потребує NgModule** - звичайні компоненти завжди мають бути оголошені в масиві `declarations` модуля, standalone-компоненти ні. 2. **Імпорт залежностей напряму** - у полі `imports` декоратора `@Component` можна вказувати інші компоненти, директиви і пайпи, які потрібні для роботи. 3. **Спрощене завантаження** - standalone-компоненти легко використовувати з lazy-loading або вставляти в інші standalone-компоненти без створення окремого модуля. 4. **Сумісність** - звичайний компонент усе ще можна використовувати в standalone-компоненті через `imports`. Приклад оголошення standalone-компонента: ```typescript @Component({ selector: 'app-standalone', standalone: true, template: `<p>Я самостійний компонент!</p>` }) export class StandaloneComponent {} ``` > Висновок: standalone-компоненти спрощують структуру застосунку, зменшують залежність від модулів і полегшують повторне використання.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.