Form of Art: Validation in Angular Forms
summary
A live demo builds a word‑guess form in both template‑driven and reactive styles, using built‑in Validators (required, minLength, maxLength) and a custom alphabet validator, plus an async validator that checks guesses and shows a spinner; details include async validators run after synchronous validators, reactive controls require reconstructing validator arrays and then call updateValueAndValidity after setValidators, and validators must be pure and can’t consume ongoing observables — the game mostly works but order and side‑effect bugs appear.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 0:30Shmuela Jacobs Introduction
- 2:22Demo
- 4:34State
- 6:49Errors
- 8:22Custom validator
- 9:38Testing
- 11:15Code
- 18:40Validation
related talks
31mLet's build a form around it
28mHandling Angular Forms Without Losing Your Sanity
20mLet’s Build A Form Around It
21mCustom form validation with Angular
35mLet's Build a Form Around It
22mAngular Form Validation
43mAngular Reactive Forms - Developing Forms and Validation with Angular
36mUnleash the Power of Angular Reactive Form