Angular - Template-Driven Forms
You want to disable the Submit button only after the user has changed any input in the form and the form is invalid. Which condition correctly uses
ngForm states to achieve this?You want to disable the Submit button only after the user has changed any input in the form and the form is invalid. Which condition correctly uses ngForm states to achieve this?
hard🚀 Application Q15 of 15
Step-by-Step Solution
Solution:
Step 1: Understand form state properties
myForm.form.invalidis true if form is invalid;myForm.form.dirtyis true if user changed any input.Step 2: Match condition to requirement
We want to disable the button only if form is invalid AND user has changed input, so both must be true.Final Answer:
[disabled]="myForm.form.invalid && myForm.form.dirty" -> Option AQuick Check:
Disable if invalid and dirty = A [OK]
Quick Trick: Use invalid AND dirty to disable after user changes invalid form [OK]
Common Mistakes:
MISTAKES- Using OR instead of AND for disabling
- Confusing touched with dirty
- Checking valid instead of invalid
Master "Template-Driven Forms" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes