Angular

Template-driven форми

FormsModule, NgModel, двостороннє зв'язування, валідація форм, ngForm, template reference variables, стани валідації

16 питань зі співбесід·
Mid-Level
1

Який модуль Angular імпортувати для використання template-driven форм?

Відповідь

FormsModule необхідний для увімкнення template-driven форм в Angular. Він надає директиви, такі як NgModel, NgForm, і вмикає двостороннє зв'язування даних з [(ngModel)]. Без цього модуля директиви форм не працюватимуть, і Angular видасть помилки.

2

Який синтаксис використовувати для двостороннього зв'язування даних з NgModel?

Відповідь

Синтаксис [(ngModel)] поєднує property binding [ngModel] і event binding (ngModel) для створення двостороннього зв'язування даних. Цей синтаксис banana-in-a-box автоматично синхронізує значення поля форми з властивістю компонента в обох напрямках, спрощуючи управління станом форми.

3

Який атрибут є обов'язковим на input з NgModel у template-driven формі?

Відповідь

Атрибут name є обов'язковим на кожному input, що використовує NgModel у template-driven формі. Angular використовує цей атрибут для реєстрації контролу в базовому FormGroup і створення структури форми. Без атрибута name Angular не може відстежувати стан контролу і видасть помилку.

4

Як отримати доступ до директиви NgForm для перевірки стану форми?

5

Як отримати доступ до стану конкретного поля в шаблоні?

+13 питань зі співбесід

Інші теми співбесід Angular

Основи TypeScript

Junior
25 запитань

TypeScript просунутий

Junior
20 запитань

Основи Angular

Junior
20 запитань

Компоненти та життєвий цикл

Junior
20 запитань

Services & Dependency Injection

Junior
20 запитань

Організація модулів Angular

Mid-Level
22 запитань

Angular CLI

Junior
18 запитань

Директиви та Pipe

Mid-Level
22 запитань

Маршрутизація та навігація

Mid-Level
24 запитань

Реактивні форми

Mid-Level
26 запитань

Основи RxJS

Mid-Level
22 запитань

Оператори RxJS

Mid-Level
24 запитань

HttpClient і виклики API

Mid-Level
22 запитань

Базове керування станом

Mid-Level
20 запитань

Change Detection

Mid-Level
20 запитань

Angular Signals

Mid-Level
20 запитань

Standalone Components

Mid-Level
18 запитань

Модульні тести в Angular

Mid-Level
22 запитань

End-to-End тестування

Mid-Level
18 запитань

Build і оптимізація

Mid-Level
20 запитань

Основи NgRx

Senior
24 запитань

Просунутий NgRx

Senior
24 запитань

Архітектура Angular

Senior
22 запитань

Оптимізація продуктивності

Senior
22 запитань

Безпека та найкращі практики

Senior
20 запитань

Просунуті патерни RxJS

Senior
22 запитань

Angular Universal та SSR

Senior
20 запитань

Angular Micro-frontends

Senior
20 запитань

Опануй Angular для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно