Angular Signal-Based Forms (Experimental) — First Look!
- Angular의 실험적인 Signal Forms가 Angular master 브랜치에 병합되어, 개발자들이 직접 사용해보고 경험할 수 있게 됨 🎉
- Signal Forms는 아직 실험 단계이며, API는 안정화되기 전에 크게 변경될 수 있음 🚧
- Signal Forms를 사용하면 모델에서 직접 폼을 구성할 수 있어 Reactive Forms보다 훨씬 간편함 ✨
form
함수를 사용하여 모델 시그널을 인자로 제공하면 폼을 생성할 수 있음 ⚙️
- 폼 컨트롤의 상태를 읽거나 조작하려면 간단한 점 표기법을 사용하여 컨트롤 시그널에 접근 🖱️
control
디렉티브를 사용하여 폼 컨트롤 모델과 네이티브 폼 컨트롤을 바인딩할 수 있음 🔗
- 유효성 검사, 컨트롤 활성화/비활성화와 같은 필드 로직은 스키마 함수 내에서 정의됨 💡
required
, minLength
와 같은 내장 유효성 검사기를 사용하여 폼 컨트롤의 유효성을 검사할 수 있음 ✅
- 유효성 검사 오류 메시지를 정의하여 사용자에게 더 나은 피드백을 제공할 수 있음 💬
- 스키마를 사용하여 필드 로직을 재사용하고, 유효성 검사기 코드를 줄일 수 있음 ♻️
when
키를 사용하여 특정 조건에서만 유효성 검사기를 적용할 수 있음 🤔
submit
함수를 사용하여 폼 제출 상태를 추적하고, 서버 측 오류를 처리할 수 있음 🚀
- 폼 제출 중 상태, 서버 에러 처리, 특정 필드에 에러 바인딩 등의 기능 제공 🌐
- 폼 제출 후 폼 값을 변경하려면 폼을 만드는 데 사용된 모델을 변경해야 함 🎯