[Solved] In this Angular form:<form #formRef="ngForm"> <input name="email" ngModel> </form> <p>Form valid: {{ formRef.form.valid }}</p>What will be displayed initially before user input? | Angular

Angular - Template-Driven Forms

In this Angular form:

<form #formRef="ngForm">
  <input name="email" ngModel>
</form>
<p>Form valid: {{ formRef.form.valid }}</p>

What will be displayed initially before user input?

AForm valid: false

BForm valid: null

CForm valid: undefined

DForm valid: true

Step-by-Step Solution

Solution:

Step 1: Understand default form validity
Without validation rules, form controls are valid by default.
Step 2: Check initial form state
Since no required or validators, formRef.form.valid is true initially.
Final Answer:
Form valid: true -> Option D
Quick Check:
No validators = form valid true initially = B [OK]

Quick Trick: No validators means form valid is true initially [OK]

Common Mistakes:

MISTAKES

Master "Template-Driven Forms" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

In this Angular form: