Angular

템플릿 기반 폼

FormsModule, NgModel, 양방향 바인딩, 폼 유효성 검사, ngForm, 템플릿 참조 변수, 유효성 검사 상태

16 면접 질문·
Mid-Level
1

템플릿 기반 폼을 사용하기 위해 가져올 Angular 모듈은 무엇입니까?

답변

FormsModule는 Angular에서 템플릿 기반 폼을 활성화하는 데 필요합니다. NgModel, NgForm과 같은 디렉티브를 제공하고 [(ngModel)]을 사용한 양방향 데이터 바인딩을 가능하게 합니다. 이 모듈이 없으면 폼 디렉티브가 작동하지 않으며 Angular는 오류를 발생시킵니다.

2

NgModel로 양방향 데이터 바인딩을 위해 어떤 구문을 사용합니까?

답변

[(ngModel)] 구문은 프로퍼티 바인딩 [ngModel]과 이벤트 바인딩 (ngModel)을 결합하여 양방향 데이터 바인딩을 생성합니다. 이 banana-in-a-box 구문은 폼 필드 값과 컴포넌트 프로퍼티를 양방향으로 자동 동기화하여 폼 상태 관리를 단순화합니다.

3

템플릿 기반 폼에서 NgModel을 사용하는 input에 필수인 속성은 무엇입니까?

답변

name 속성은 템플릿 기반 폼에서 NgModel을 사용하는 각 input에 필수입니다. Angular는 이 속성을 사용하여 기본 FormGroup에 컨트롤을 등록하고 폼 구조를 만듭니다. name 속성이 없으면 Angular는 컨트롤 상태를 추적할 수 없고 오류를 발생시킵니다.

4

폼 상태를 확인하기 위해 NgForm 디렉티브에 어떻게 접근합니까?

5

템플릿에서 특정 필드의 상태에 어떻게 접근합니까?

+13 면접 질문

다음 면접을 위해 Angular을 마스터하세요

모든 질문, flashcards, 기술 테스트, 코드 리뷰 연습, 면접 시뮬레이터에 접근하세요.

무료로 시작하기