[Solved] Identify the error in this template snippet:<input #input1 type="text"> <button (click)="submit(input2.value)">Submit</button> | Angular

Angular - Component Interaction

Identify the error in this template snippet:

<input #input1 type="text">
<button (click)="submit(input2.value)">Submit</button>

AThe button click syntax is incorrect

Binput2 is not defined as a template reference variable

Cinput1 should be used instead of input2

DThere is no error

Step-by-Step Solution

Solution:

Step 1: Check declared template references
The template only declares #input1, but the button uses input2 which is not declared.
Step 2: Understand consequences
Using an undeclared template reference variable causes a template error because input2 is undefined.
Final Answer:
input2 is not defined as a template reference variable -> Option B
Quick Check:
Use only declared template refs [OK]

Quick Trick: Use only declared template refs in template expressions [OK]

Common Mistakes:

Master "Component Interaction" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Identify the error in this template snippet: