Реактивні форми
ReactiveFormsModule, FormControl, FormGroup, FormArray, FormBuilder, validators, custom validators, async validators, valueChanges
1Що таке FormControl в Angular?
Що таке FormControl в Angular?
Відповідь
FormControl — це фундаментальний клас реактивних форм Angular, який представляє окреме поле форми. Він інкапсулює значення поля, його стан валідації та надає методи для обробки взаємодії користувача. Кожен FormControl може мати validators, реагувати на зміни через observables та підтримувати стани такі як touched, dirty або pristine. Це базовий будівельний блок для побудови складних реактивних форм з FormGroup або FormArray.
2Який модуль Angular потрібно імпортувати для використання реактивних форм?
Який модуль Angular потрібно імпортувати для використання реактивних форм?
Відповідь
ReactiveFormsModule — це модуль Angular, який надає всі класи та директиви, необхідні для роботи з реактивними формами. Його потрібно імпортувати в модуль застосунку або в standalone-компонент для доступу до FormControl, FormGroup, FormBuilder та інших API. Без цього імпорту директиви такі як formControlName або formGroup не будуть розпізнані. FormsModule — це інший модуль, який використовується для template-driven форм.
3Що таке FormGroup в Angular?
Що таке FormGroup в Angular?
Відповідь
FormGroup — це клас, який групує кілька FormControl або інших екземплярів FormGroup під іменованими ключами, дозволяючи структурувати складні форми. Він дозволяє валідувати та керувати станом набору полів як єдиної одиниці. Наприклад, форма адреси може бути FormGroup, що містить поля вулиці, міста та поштового індексу. FormGroup автоматично агрегує значення та стани валідації всіх своїх дочірніх контролів.
Яке призначення FormBuilder в Angular?
Як створити FormControl з початковим значенням?
+23 питань зі співбесід
Інші теми співбесід Angular
Основи TypeScript
TypeScript просунутий
Основи Angular
Компоненти та життєвий цикл
Services & Dependency Injection
Організація модулів Angular
Angular CLI
Директиви та Pipe
Маршрутизація та навігація
Template-driven форми
Основи RxJS
Оператори RxJS
HttpClient і виклики API
Базове керування станом
Change Detection
Angular Signals
Standalone Components
Модульні тести в Angular
End-to-End тестування
Build і оптимізація
Основи NgRx
Просунутий NgRx
Архітектура Angular
Оптимізація продуктивності
Безпека та найкращі практики
Просунуті патерни RxJS
Angular Universal та SSR
Angular Micro-frontends
Опануй Angular для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно