Angular Signal Forms: The New formRoot Directive Explained

F orm submission in Angular Signal Forms has always required a bit of manual wiring: a submit handler, preventDefault , and an explicit call to submit() . It works, but it doesn't feel fully Angular. Starting in Angular 21.2-next.3 , the new formRoot directive changes that. It makes form submission completely declarative, moves submission logic into the form itself, and eliminates the remaining boilerplate. This post walks through exactly how it works and how to migrate an existing Signal Form in about 60 seconds. Signal Forms Submission Before formRoot Here's the starting point, a simple signup form with a username and email field: The submit button is disabled until the form is valid: Once both fields are filled in with valid values, the button enables: After we submit the form, in the console, we can see the dirty status, form value, and the model signal value: Everything works, but the amount of manual wiring required just to submit the form isn’t ideal. Manual Form Submission in S