템플릿 기반 폼
FormsModule, NgModel, 양방향 바인딩, 폼 유효성 검사, ngForm, 템플릿 참조 변수, 유효성 검사 상태
16 면접 질문·
Mid-Level
1템플릿 기반 폼을 사용하기 위해 가져올 Angular 모듈은 무엇입니까?
1
템플릿 기반 폼을 사용하기 위해 가져올 Angular 모듈은 무엇입니까?
답변
FormsModule는 Angular에서 템플릿 기반 폼을 활성화하는 데 필요합니다. NgModel, NgForm과 같은 디렉티브를 제공하고 [(ngModel)]을 사용한 양방향 데이터 바인딩을 가능하게 합니다. 이 모듈이 없으면 폼 디렉티브가 작동하지 않으며 Angular는 오류를 발생시킵니다.
2NgModel로 양방향 데이터 바인딩을 위해 어떤 구문을 사용합니까?
2
NgModel로 양방향 데이터 바인딩을 위해 어떤 구문을 사용합니까?
답변
[(ngModel)] 구문은 프로퍼티 바인딩 [ngModel]과 이벤트 바인딩 (ngModel)을 결합하여 양방향 데이터 바인딩을 생성합니다. 이 banana-in-a-box 구문은 폼 필드 값과 컴포넌트 프로퍼티를 양방향으로 자동 동기화하여 폼 상태 관리를 단순화합니다.
3템플릿 기반 폼에서 NgModel을 사용하는 input에 필수인 속성은 무엇입니까?
3
템플릿 기반 폼에서 NgModel을 사용하는 input에 필수인 속성은 무엇입니까?
답변
name 속성은 템플릿 기반 폼에서 NgModel을 사용하는 각 input에 필수입니다. 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개 질문엔드투엔드 테스팅
Mid-Level
18개 질문빌드 및 최적화
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 마이크로 프론트엔드
Senior
20개 질문