AngularLynx

    Signal Forms

    A contact form built with Angular's signal forms, with required and email validation on the UI components' inputs. Look here to wire @angular/forms/signals into an AngularLynx app.

    formssrc/app/app.ts

    What it shows

    • form() — builds the form from a signal model, with required() and email() rules in its schema. See Forms.
    • [formField] — binds each Input and Textarea to its field, through the FormField directive.
    • Field state — touched() and errors() decide when each error message appears.
    • submit() — marks every field as touched, then runs the callback only if the form is valid.
    • UI components — the inputs and the Button come from the UI components.